title: The bootstrap "dropdown open" toggle does not work properly in development, but works in production
body: <p>I am following the <a href="http://ruby.railstutorial.org/chapters/sign-in-sign-out#code%3alayout_signin_signout_links">RailsTutorial sample_app</a> and inside we use the twitter-boostrap framework. There is a dropdown menu <a href="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js">(the code, jQuery)</a> that does not work for me properly in the development env, but works well in production (on Heroku).</p>
  
  <p>With the help of "Visual Event" I confirmed that there is an event associated with the menu title. The normal behavior should be on click to change the class from:</p>
  
  <pre><code>&lt;li id="fat-menu" class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>&lt;li id="fat-menu" class="dropdown open"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
  </code></pre>
  
  <p>Still, in my case, on click it adds "open" and removes in the same moment. I could just barely noticed that it makes the change, but quickly return to the initial state and thus, the dropdown menu does not open.</p>
  
  <p>If I manually edit the code in the browser and add "open" to the class, the menu opens. If I then click on the menu title, it removes "open" for a moment and then it returns it again (just opposite from the first case).</p>
  
  <p>I am very puzzled that it works in production, but not in development (on the same browser). What should I check?</p>
  
  <p>Thanks!</p>
  
  <p>Vasil //with the first question</p>