title: Div is not hiding via CSS after showing and hiding a div using jQuery
body: <p>I have a little web app in which I show and hide DIVs a lot. Sometimes, however, I need to add a CSS class to that div that hides the div (using <code>display:none</code> rather than jQuery's <code>hide()</code> function) because I still need to know if the given div was initial shown on the screen. I typically use jQuery's <code>addClass</code> and <code>removeClass</code> accordingly.</p>
  
  <p>However, I am running into a problem when doing this. It seems like if the div has been hidden and shown before, adding a display:none class to the div will not work.</p>
  
  <p>I was wondering if there was any kind of work around that I could use without resorting to using <code>hide()</code>.</p>
  
  <p>Here are some JSFiddle examples to show you what I am talking about:</p>
  
  <p><a href="http://jsfiddle.net/D6QFQ/1/" rel="nofollow">JSFiddle Example 1</a> - Will properly Hide the DIV using the CSS class.</p>
  
  <p><a href="http://jsfiddle.net/LgL4v/" rel="nofollow">JSFiddle Example 2</a> - After using the show() and hide() functions, it will not properly hide the DIV using the CSS class.</p>