別のボタンを使用してブートストラップボタンを切り替える

Question

別のボタンをクリックしたときに、リストアイテムとドロップダウンulエレメントが表示されるようにするためのブートストラップボタンのドロップダウンに問題がありました。これまで私がこれまで行ってきたことはうまくいかない（v3.3.7）。私は "テスト"ボタンをさらに押して "テスト"ボタンのドロップダウンをしたい。

<div class="btn-group"> 
    <a id="test-dropdown-btn" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
     Test <span class="caret"></span> 
    </a> 
    <ul id="test-dropdown" class="dropdown-menu"> 
     <li><a href="#">test</a></li> 
    </ul> 
</div> 
<a id="test-btn" class="btn btn-default" onclick="$('#test-dropdown-btn').dropdown('toggle')">testing</a> 

Answer 1

ターゲットボタングループをクリックします。

<a id="test-btn" class="btn btn-default" data-toggle="dropdown" data-target=".btn-group"> 
testing</a> 

data-targetがより具体的になるように、ボタングループにIDを割り当てる必要があります。

Demo

Answer 2

.toggle('dropdown')の代わり.dropdown('toggle')を試してください：あなたはとても外の任意の要素をクリックするとdropping-をトリガーする、ボタングループを対象とするカスタム属性data-targetを使用することができます

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="btn-group"> 
 
    <a id="test-dropdown-btn" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
     Test <span class="caret"></span> 
 
    </a> 
 
    <ul id="test-dropdown" class="dropdown-menu"> 
 
     <li><a href="#">test</a></li> 
 
    </ul> 
 
</div> 
 
<a id="test-btn" class="btn btn-default" onclick="$('#test-dropdown-btn').toggle('dropdown')">testing</a>