title: Bootstrap Dropdown toggle triggered from javascript won't stay open consistently
body: <p><a href="http://jsfiddle.net/D56q7/7/" rel="nofollow">JSFiddle</a>
  The fiddle works as intended using the same exact code from my site! Copy and pasted.</p>
  
  <p><a href="http://daronspence.com/newsite/" rel="nofollow">My site</a> </p>
  
  <p>To replicate this issue you have to do these steps exactly. Go to a fresh load of the page. Scroll to the bottom and click "Contact" in the middle column. Now when you try and select the <code>form</code> options, the dropdown closes. Why is this happening? The fiddle has the exact same code, JS and all. On a fresh load, the toggle button by itself works as intended. Once the "contact" link is brought in, it breaks.</p>
  
  <p>Here is the custom script I wrote to scroll to the top and open the dropdown.</p>
  
  <pre><code>// Scroll To Top and Open Contact Form --&gt;
  $("a[href='#top']").click(function() {
    $("html, body").animate({ scrollTop: 0 }, "slow");
    return false;
  });
  $("a[href='#top']").click(function() {
    $('#nav-contact.dropdown-toggle').dropdown('toggle');
    return false;
  }); 
  &lt;!--// End Contact Form Scripts --&gt;
  </code></pre>
  
  <p>I don't really know any JS but I'm trying to learn to put this site together as a personal project for enrichment. Any explanations would be greatly appreciated.</p>
  
  <p>Ideas?</p>