なぜブートストラップには、折りたたみのためのクラス名とID名が必要ですか？ブートストラップで

Question

あなたは以下のような効果を折りたたんでください：

<p> 
    <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> 
    Link with href 
    </a> 
    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> 
    Button with data-target 
    </button> 
</p> 
<div class="collapse" id="collapseExample"> 
    <div class="card card-block"> 
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 
    </div> 
</div> 

なぜボタンが効果のクラスdata-toggle=collapseとパネルのID data-target=#collapseExampleを参照してくださいでしょうか？状態を切り替えるだけの十分なIDを取得するのではないでしょうか？

これはデータトグルが使用するエフェクトの種類を表しているため、それを使用してパネルをターゲットにするためですか？

Answer 1

data-toggleとdata-targetの両方の属性が使用されます。data-toggleは他のブートストラップコンポーネント（折りたたみ、モーダル、タブ、ドロップダウンなど）によっても使用されるためです。

data-toggle="collapse"を指定すると、data-targetで指定された要素に折りたたみ動作を適用するようにBootstrap APIに指示しています。 data-targetしか指定しなかった場合、APIが使用するComponentを理解する方法はありません。