title: Jquery - Two variables in one .click event
body: <p>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.</p>
  
  <pre><code>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);
  </code></pre>
  
  <p>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?</p>