title: Trying to make div elements show with jquery
body: <p>I want to keep the div elements hidden by default, and when you click the css button it should show div element in the center, I've tried the following code so far but it doesn't display the div elements at all when using "display:none" with .show jquery. I think i'm messing up on the textbutton linking part.</p>
  
  <p>jQuery</p>
  
  <pre><code>&lt;div class="social" style="display:none"&gt;some text&lt;/div&gt;
  &lt;script&gt;    
  $("s").click(function(){
  $("social").show();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;li id="s"&gt;&lt;a href="#s"&gt; &lt;text class="s"&gt;Social&lt;/a&gt;&lt;/li&gt;&lt;/text&gt;
  </code></pre>
  
  <p>The "Social" text is a css button.</p>
  
  <p>EDIT: Fixed now, was a silly mistake, sorry.</p>