ページ内の異なるコレクションにある同じ要素のインデックスを取得する方法

Question

これらの同じ要素ボタンにクリック イベントを追加し、以下の対応する UL タグをそれぞれ表示および非表示にする方法!

Answer 1

ネイティブ JS を使用すると、明示的および暗黙的な関数を構築し、各ボタンに移動できます。明示的関数と暗黙的関数は、CSS3 の遷移を通じて ul の高さを変更したり、表示や不透明度を変更したりすることができます。具体的な状況は実際の状況によって異なります。より簡単にするには、jQuery でフェードとスライドを使用します。

Answer 2

これはXY問題です

目的は要素インデックスを取得することではなく、同様のイベント処理を同様の要素にバインドすることです

イベントがバインドされるすべてのボタンに特別なクラスを追加します

リーリー

これらの要素を選択し、クラスを通じてバインドするだけです

リーリー

Answer 3

同じ class="btn bt1" class="btn bt2" class="btn bt3" を各ボタンに追加します

$('.btn').click(function(){
$(".btnder").hide();

リーリー

})