title: Unbind selectors in css file and after again bind selectors
body: <p>I have a div and he has in file .css this selectors:</p>
  
  <pre><code>#item {background-image: url(Images/panda.png);
  }
  #item:hover { background-image: url(Images/pandaOf.png);
  }
  #item:active { background-image: url(Images/pandaOn.png);
  }
  </code></pre>
  
  <p>And I need to (in jQuery) this selectors (:hover and :active) doesnt work.</p>
  
  <pre><code>$("#clickItem").click(function (){
  ...
   });
  </code></pre>
  
  <p>And after I need to this selectors again work.</p>
  
  <pre><code>$("#clickItem2").click(function (){
  ...
   });
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div id = "item"&gt; &lt;/div&gt;
  &lt;div id = "clickItem"&gt; &lt;/div&gt;
  &lt;div id = "clickItem2"&gt; &lt;/div&gt;
  </code></pre>