title: jQuery - Drop down menu in sidebar how to stop it from auto opening when page loads
body: <p>New to the front end and I am using a jQuery drop down menu for my sidebar. </p>
  
  <p>Problem is that the menu is already dropped down when a user loads the page. </p>
  
  <p>How do I change this so it doesn't auto drop down when the page is loaded? (am getting a open/close effect when I click on different pages e.g., when I click somewhere it retracts up then when the page loads it drops again) </p>
  
  <p>Also, when the drop is closed and re-open it POPS back to the top of the screen, is there anyway to change this to?</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      // Dropdown toggle
      $('.dropdown-toggle').click(function(){
          $(this).next('.dropdown').toggle();
      });
  
      $(document).click(function(e) {
          var target = e.target;
          if (!$(target).is('.dropdown-toggle') &amp;&amp; !$(target).parents().is('.dropdown-toggle')) {
              $('.dropdown').hide();
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;a style="text-decoration:none" class="dropdown-toggle" href="#" title=""&gt;2014&lt;/a&gt;
      &lt;ul class="dropdown"&gt;
          &lt;li style="list-style-type: none"&gt;&lt;a href="#"&gt;December 2014&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>