title: Best Practice for Hiding/Showing Multiple Divs with jQuery
body: <p>Suppose I have some divs which I want to allow users to switch between. I would write functions like this:</p>
  
  <pre><code>show_A = function () {$('.a').show(); $('.b').hide(); $('.c').hide();}
  show_B = function () {$('.a').hide(); $('.b').show(); $('.c').hide();}
  show_C = function () {$('.a').hide(); $('.b').hide(); $('.c').show();} 
  </code></pre>
  
  <p>Then attach these functions to links or whatever. What's the best practice for abstracting out this sort of behavior? The total amount of code grows at N^2 with the number of divs, which is no good.</p>