부트 스트랩 풀다운을 숨기거나 표시하는 방법

Question

나는 처음에는 숨기고 싶은 풀다운을 가지고 있습니다. + 버튼을 클릭하면 풀다운이 표시됩니다. 내가 가지고있는 버그는 .show에 대한 호출이 풀다운 만 깜박입니다. 그것은 노출 유지하지 않습니다

바이올린에 : https://jsfiddle.net/marshall62/nj783tbr/
플러스에 클릭 후 POST 오류의 어떤 종류를 생성하지만, 내가 할 노력하고있어의 아이디어를 얻을 ...

자바 스크립트 (w 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(); 
      }); 

     });