title: My click function is running when it's not supposed to
body: <p>So, basic setup, I have three divs, each of them holding different content which, when the page is loaded, is all hidden.  Ideally, the user clicks one of the divs, which expands that one and shows the content.  They click another div, the open one closes and the one they clicked opens.</p>
  
  <p>The problem is, even though I'm expressly referencing the class I want clickable, my function is running on the class that is "unclickable".</p>
  
  <p>EDIT: Added a jsfiddle for better illustration of what I'm trying to accomplish:
  <a href="http://jsfiddle.net/ev5ew41q/" rel="nofollow">http://jsfiddle.net/ev5ew41q/</a></p>
  
  <p>Here's my javascript:</p>
  
  <pre><code>$(function() {
     $('.notContent').click(function() {
         $(this).switchClass('notContent','isContent');
         $('.isContent').switchClass('isContent','notContent');
         });
  });
  </code></pre>
  
  <p>The CSS for the notContent (among other things) hides the "[some stuff here]".  The javascript is supposed to switch "notContent" out for "isContent" on click, but nothing else.  I've tried using an if/else, same thing happens.  Not sure what I'm doing wrong.</p>
  
  <p>[edited for bad grammar]</p>