title: JQuery - show/hide style attribute overriding css
body: <p>I understand how CSS works in that the styling applied closest to the element overrides any previous styles.  My question is, how do the JQuery functions <code>show()</code> and <code>hide()</code> operate when there is a style attribute defined to a <code>&lt;div&gt;</code> tag like this:</p>
  
  <p><code>&lt;div class='menuTab' style="display:block"&gt;</code></p>
  
  <p>For the sake of this example, assume that the css is something like:</p>
  
  <pre><code>div.menuTab{
      /* ..other css...*/
      display:none
  }
  </code></pre>
  
  <p>Would applying the function <code>$('div.menuTab').hide()</code> change the style attribute of the menuTab HTML to <code>display:none</code>?</p>