title: Change Display property on button click with Jquery
body: <p>I'm trying to load a page where some divs are hidden, looks something like this:</p>
  
  <pre><code>&lt;input type="button" id="btnStats" values="Stats"/&gt;
  &lt;div id="dvStats" style="display:none"&gt;Stats&lt;/div&gt;
  &lt;div id="dvAlbums" style="display:none"&gt;Albums&lt;/div&gt;
  </code></pre>
  
  <p>Right now divs have just text, since I can't get them to work. 
  I have a JS that assigns dvStats display to click event on btnStats.</p>
  
  <pre><code>$("#btnStats").click($("#dvStats").style.display="block");
  </code></pre>
  
  <p>Also tried with some methods I saw while searching older questions about this. </p>
  
  <pre><code>$("#btnStats").click($("#dvStats").css(":display","block"));
  </code></pre>
  
  <p>I haven't been able to make this work. Maybe I missed something.</p>