今回はお世話になります。
以下のリストのアクションについて、それぞれ違うクラスを付けずに(1,2 など)クリックアクションを付けたいのですが、
どのメソッドを使ってよいかわからず、targetメソッドなどを使ってもうまく行くなかったので質問させていただきました。
ご教示頂ければ助かります。
html
1<ul class="dropdown__box"> 2 <li class="dropdown__1"> 3 <div class"label__1"> 4 出品料はかかりますか? 5 </div> 6 <div class="menu__1"> 7 応募は無料です。 8 </div> 9 </li> 10 <li class="dropdown__2"> 11 <div class"label__2"> 12 出品料はかかりますか? 13 </div> 14 <div class="menu__2"> 15 応募は無料です。 16 </div> 17 </li> 18 <li class="dropdown__3"> 19 <div class"label__3"> 20 出品料はかかりますか? 21 </div> 22 <div class="menu__3"> 23 応募は無料です。 24 </div> 25 </li> 26</ul>
css
1.menu__1, .menu__2, .menu__3 { 2 display: none; 3} 4.on { 5 display: block; 6}
js
1$(function(){ 2 $(".dropdown__1").click(function(e){ 3 $('.menu__1').toggleClass('on') 4 }); 5 $(".dropdown__2").click(function(e){ 6 $('.menu__2').toggleClass('on') 7 }); 8 $(".dropdown__3").click(function(e){ 9 $('.menu__3').toggleClass('on') 10 }); 11});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/06/29 02:10