Jquery - Two variables in one .click event

Question

I have variables that have multiple functions in them. I then want to call these variables in a .click event. One works fine, but I want to have two, or even more. How can I do this? Below is the code I would expect to work.

var hideServices = function() {
            jQuery(".services-inner").css({"opacity": "0"});
            jQuery(".insignia-inner").css({"opacity": "0"});
            jQuery(".insignia-inner-text").css({"opacity": "0"});
};

var showMilitaryKit = function() {
            jQuery(".military-kit-inner").css({"opacity": "1"});
};

var showProperty = function() {
            jQuery(".property-kit-inner").css({"opacity": "1"});
};

    jQuery(".military-kit-hover").click(hideServices, showMilitaryKit);

    jQuery(".property-hover").click(hideServices, showProperty);

I'm convinced I haven't combined my variables in the .click event on the last line properly, but I can't find any documentation on what I want to achieve. Does anyone have a tweak that would work for me?

possible duplicate of Multiple Functions on a Single Event with JQuery/Javascript — epascarello
– epascarello, Commented Nov 20, 2013 at 18:16
I agree. It's the exact same question. Mine just goes into more detail with the question, but the answer is effectively the same. — alex
– alex, Commented Nov 20, 2013 at 18:44

Jason P · Accepted Answer · 2013-11-20 18:15:47Z

5

Wrap the two calls in an anonymous function:

jQuery('.military-kit-hover').click(function() {
    hideServices();
    showMilitaryKit();
});

If you need to preserve the event object or this, do this:

jQuery('.military-kit-hover').click(function(e) {
    hideServices.call(this, e);
    showMilitaryKit.call(this, e);
});

answered Nov 20, 2013 at 18:15

Jason P

27k3 gold badges34 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Enam · Accepted Answer · 2013-11-20 18:16:01Z

3

jQuery(".military-kit-hover").click(function() {
    hideServices();
    showMilitaryKit();
});

Collectives™ on Stack Overflow

Jquery - Two variables in one .click event

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related