별도의 메뉴에서 부트 스트랩 제어 아코디언

Question

나는 4 개의 부트 스트랩 아코디언 집합을 가지고 있으며 내 탐색에서 드롭 다운 메뉴를 사용하여 아코디언을 엽니 다.

내가 아코디언을 열 수 있지만 이전에 열린 아코디언을 닫지 않는 두 개 이상을 열면 다른 링크를 클릭 할 때 열린 아코디언을 닫을 수있는 방법이 있습니까?

JS를 :

$('li.accordion-nav a').click(function() { 
    var aLink = $(this).attr('href').replace(/^.*?(#|$)/,''); 
    $('#' + aLink).collapse('show', function(){ 
     $('.accordion-panel').not('#' + aLink).collapse('hide'); 
    }); 
}); 

Answer 1

내가 제대로 이해 당신이 지금까지 다음과 같은 몇 가지 일을 사용할 수 있습니다 될 수 있습니다

$("select").change(function(e) { 
    var val = $("select option:selected").val(); 
    $('a#' + val).click(); 
}); 

$('a[data-parent="#accordion"]').click(function(e) { 
    $('select#dropdown').val($(this).attr('id')); 
}); 

HTML : 여기

<div> 
     <select id='dropdown'> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
     </select> 
    </div> 
    <br> 
    <div class="panel-group" id="accordion"> 
     <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
      <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" id='1'> 
       Collapsible Group Item #1 
      </a> 
      </h4> 
     </div> 
     <div id="collapseOne" class="panel-collapse collapse in"> 
      <div class="panel-body"> 
      Anim pariatur cliche 
      </div> 
     </div> 
     </div> 
     .... 
    </div> 

이 jsfiddle link

입니다

Answer 2

피닉스 도움 덕분에 나는 이것을 사용했습니다 :

$('li.accordion-nav a').click(function() { 
    var aLink = $(this).attr('href').replace(/^.*?(#|$)/,''); 
    $('a[href="#' + aLink + '"]').click(); 
    return false; 
});