title: Keep Bootstrap 2.3.2 dropdown menu open while opening a modal
body: <p>I know there are some posts around discussing how to keep a Bootstrap menu open when clicked, but my scenario is a bit different, and I can't find a working solution yet.</p>
  
  <p>What I need is: to keep the dropdown menu open when an item in that menu is clicked to show a modal. My markup looks like this:</p>
  
  <pre><code>&lt;!-- dropdown --&gt;
  &lt;ul&gt;
      &lt;li class="createTag"&gt;
          &lt;a class="createTagA" href="#tagInfoModal" role="button" data-toggle="modal"&gt;Create New&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!-- modal --&gt;
  &lt;div id="tagInfoModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-header header-blue"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
          &lt;h3 id="myModalLabel"&gt;Tag Info&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;div class="box-content"&gt;
              &lt;form action="#" method="POST" class='form-horizontal form-validate' id="tagInfoForm" data-bind="submit: saveTag"&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label for="nameOfTag" class="control-label"&gt;Tag *&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input type="text" name="nameOfTag" id="nameOfTag" class="input-xlarge"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn btn-primary" data-dismiss="modal" onclick="createNewTag();"&gt;Save Tag&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The plan here is when the createTag anchor in the dropdown menu is clicked, the modal shows up. What is more, I want the dropdown menu to stay open while the modal is up, and to stay open while the modal is closed too. The default behavior is the dropdown menu goes away when the modal is open, which is not what I want.</p>
  
  <p>I have tried returning false/stop propagation in the anchor's click event handler as suggested in some online answers, while the menu is kept open this way, it breaks the modal -- the modal does not show up anymore.</p>
  
  <p>So my effort to prevent the dropdown menu from being closed is like this:</p>
  
  <pre><code>$(".createTagA").click(function() {
      return false;
  });
  </code></pre>
  
  <p>I am not familiar with Bootstrap. Can anyone give me some hint?</p>
  
  <p>Thanks!</p>