ブートストラッププルダウンの表示/非表示方法

Question

私は最初に隠したいプルダウンを持っています。 +ボタンをクリックすると、プルダウンが表示されます。私が持っているバグは、.showへの呼び出しがプルダウンだけを点滅させるということです。それが露出したままにしない：で

フィドル：

のJavascript（ワット... https://jsfiddle.net/marshall62/nj783tbr/
はプラスをクリックした後POSTエラーのいくつかの種類を生成しますが、あなたは私が何をしようとしているのアイデアを得ますjqueryの+ブートストラップ）

$(document).ready(function() { 
      $('.dropdown-toggle').hide(); 
      $('.dropdown-toggle').dropdown() 
      $('#add-strategy').click(function() { 
       $('.dropdown-toggle').show(); 
      }); 

     }); 

HTMLは

<a id="add-strategy" href=""><span class="glyphicon glyphicon-plus"></span></a> Click Plus to add a strategy 

<div id="strategy-pulldown" class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" 
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
       ---- 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 

        <li><a href="#">strategy a</a></li> 
        <li><a href="#">strategy b</a></li> 
         <li><a href="#">strategy c</a></li> 

      </ul> 
     </div> 

Answer 1

あなたはpreventDefaultメソッドを追加する必要があります。ページをリロードするアン​​カーを使用しています。以下のコードを使用してこれを防止する必要があります。

$(document).ready(function() { 
      $('.dropdown-toggle').hide(); 
      $('.dropdown-toggle').dropdown() 
      $('#add-strategy').click(function (e) { 
       e.preventDefault(); 
       $('.dropdown-toggle').show(); 
      }); 

     });