title: How can I remove a css portion when a button is clicked
body: <p>I need to remove this css portion from a navbar-collapse when I click a button:</p>
  
  <pre><code>ul.nav li.dropdown:hover &gt; ul.dropdown-menu {
      display: block;    
  }
  </code></pre>
  
  <p>I tried something like this:</p>
  
  <pre><code>$("#toggleButton").click(function()
  {
     $(".navbar-collapse").remove("ul.nav","li.dropdown","ul.dropdown-menu");
  });
  </code></pre>
  
  <p>But it doesn't work.  I want to have a responsive navbar menu and when it collapse remove the dropdowns from that view.</p>