title: Bootstrap: How to change menu item color due modal window closing
body: <p>I'm using twitter bootstrap and trying to open modal pop-up by clicking on menu item.
  Here is my code:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-bottom"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;ul class="nav pull-right"&gt;
              &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Menu&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li class="active"&gt;&lt;a href=""&gt;Some item 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=""&gt;&lt;a href=""&gt;Some item 2&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="dropdown"&gt;&lt;a href="#myModal" class="dropdown-toggle" data-toggle="modal"&gt;
                  Contacts&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!-- /.navbar-inner --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my Modal window:</p>
  
  <pre><code>&lt;div class="modal hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
      aria-hidden="true"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
              ×&lt;/button&gt;
          &lt;h3 id="myModalLabel"&gt;
              Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;p&gt;
              One fine body…&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;
              Close&lt;/button&gt;
          &lt;button class="btn btn-primary"&gt;
              Save changes&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>First menu item has dropdown data-toggle. Second menu item has modal data-toggle.
  When I'm clicking on first item, it look's like clicked and change own color. When I'm clicking on he second(Contacts) menu item the item color leaves the same. I'm added onclick event for "Contacts" li element:</p>
  
  <pre><code>onclick="$(this).addClass('modal-open-li');"
  </code></pre>
  
  <p>where I'm writing my own <code>modal-open-li</code> class to make this element clicked. But how can I return the color of <code>li</code> element when I'm closing my modal pop-up window? Also, can I add multiple data-toggle for the same <code>li</code> element like <code>data-toggle="modal dropdown"</code>?</p>