title: jQuery show/hide not working in wordpress. Works fine in normal website though
body: <p>I am completely at a loss on this one. I have changed $ to jQuery, I've tried using the noConflict, I've tried using toggle command, a href onClick, and now just tried the show/hide method and nothing seems to be working in this theme. I disabled all plug-ins and this also hasn't helped. The site is already loading the the jquery library, and many other elements are working with jQuery.</p>
  
  <p>Any help in troubleshooting this from people who have had similar problems and managed to overcome would be amazing! Thanks!</p>
  
  <p>The javascript is</p>
  
  <pre><code>$.noConflict();
  jQuery(document).ready(function(){
  
      jQuery("#slidingTopBar").hide();
      jQuery(".show_hide").show();
  
  jQuery('.show_hide').click(function(){
  jQuery("#slidingTopBar").slideToggle();
  });
  </code></pre>
  
  <p>});</p>
  
  <p>The html used to trigger the div is</p>
  
  <pre><code>&lt;div id="TopBar"&gt;&lt;a href="#" class="show_hide"&gt;SHOW&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And then once the div is revealed, there is a close div within this div as follows:</p>
  
  <pre><code>&lt;div id="slidingTopBar"&gt;&lt;div id="closebar"&gt;&lt;a href="#" class="show_hide"&gt;CLOSE&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The CSS (all of it just in case there is something here) is</p>
  
  <pre><code>#slidingTopBar
  { 
  background:#199651;
  display:none;
  position: absolute;
  height:250px;
  width:100%;
  left:0px;
  top:0px; 
  z-index:9999;
  }
  #TopBar{
  position: absolute;
  z-index: 9999;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  }
  #closebar{
  position: absolute;
  right:10px;
  bottom: 10px;
  width:35px;
  height:35px;
  z-index:9999;
  background-repeat: no-repeat;
  cursor: pointer;
  }
  </code></pre>
  
  <p>The actual wordpress site (not working) is <a href="http://www.youronlinefriend.com/tsj" rel="nofollow">here</a> (top right button to be triggered)</p>
  
  <p><a href="http://www.youronlinefriend.com/tsj/TheySayJump.html" rel="nofollow">Here it is working as html file</a></p>