title: jQuery onclick show/hide box in Wordpress
body: <p>The code that I attached below seems to be doing his thing, but when I include it in my Wordpress site it just won't work. So is there anything in particular that I should do to include it properly? I even tried to add it through wp_register/enqueue_script, but I still got nothing :S</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;style&gt;
  #drop {
      display: none;
  }
  &lt;/style&gt;
  
  &lt;script&gt;
  $(document).ready( function(){
      $('#trigger').click( function(event){
          event.stopPropagation();
          $('#drop').toggle(); 
      });
      $(document).click( function(){
          $('#drop').hide();
      });
  });
  &lt;/script&gt;
  
  &lt;div class="wrapper"&gt;
      &lt;a id="trigger" href="#"&gt;Click Me&lt;/a&gt;
      &lt;div id="drop"&gt;Content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/y06ng7vq/" rel="nofollow">jsfiddle</a></p>
  
  <p>Any ideas? Thanks in advance :)</p>