同じリンクをクリックしてブートストラップドロップダウンを閉じる

Question

私はブートストラップを3ドロップダウンしています。ユーザーが同じリンクを再度クリックしたときに閉じる必要があります。正しいです - 私は、ドロップダウンが開きますa.dropdown-toggleをクリックすると

<li class="dropdown menu-karriere"> 
    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="asd"> 
    Karriere <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu" data-lvl="0"> 
    <li class="menu-ausbildung"><a href="asd">Ausbildung</a></li> 
    <li class="menu-geselle"><a href="asd">Geselle</a></li> 
    <li class="menu-meister"><a href="asd">Meister</a></li> 
    </ul> 
</li> 

：

は、ここに私のhtmlです。同じリンクをもう一度クリックすると、ドロップダウンが閉じません。

誰でも助けてくれますか？

私はSOや他の場所で何かを見つけることができませんでした。

ありがとうございました。

Answer 1

このコードを使用してください。それはあなたに望ましい結果を与えるでしょう。

<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Karriere 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Ausbildung</a></li> 
    <li><a href="#">Geselle</a></li> 
    <li><a href="#">Meister</a></li> 
    </ul> 
</div> 

Answer 2

あなたはそれが閉じないようにdata-target="#"あります

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<li class="dropdown menu-karriere"> 
 
    <a class="dropdown-toggle" data-toggle="dropdown" href="asd"> 
 
    Karriere <b class="caret"></b> 
 
    </a> 
 
    <ul class="dropdown-menu" data-lvl="0"> 
 
    <li class="menu-ausbildung"><a href="asd">Ausbildung</a> 
 
    </li> 
 
    <li class="menu-geselle"><a href="asd">Geselle</a> 
 
    </li> 
 
    <li class="menu-meister"><a href="asd">Meister</a> 
 
    </li> 
 
    </ul> 
 
</li>