JQuery - две переменные в одном событии .click

Question

У меня есть переменные, которые имеют в них несколько функций. Затем я хочу вызвать эти переменные в событии .click. Один работает отлично, но я хочу иметь два или даже больше. Как я могу это сделать? Ниже приведен код, который я ожидал бы работать.

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); 

Я убежден, что я не объединены мои переменные в .click случае на последней строке правильно, но я не могу найти какую-либо документацию о том, что я хочу достичь. У кого-нибудь есть настройка, которая будет работать для меня?

Answer 1

Wrap два вызова в анонимной функции:

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

Если вам нужно сохранить объект события или this, сделать это:

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

Answer 2

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

Больше в JQuery.click()documentation.