Q&A
toggleを複数使ってます。
同じクラス名で個別に処理する方法はありますか？
回答1件
0
ベストアンサー
html
1<!DOCTYPE HTML> 2<html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div> 9 <p class="book_toggle_btn">↑ DETAIL<p> 10 <ul class="book_toggle"> 11 <li>2015.10.06 update</li> 12 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 13 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 14 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 15 </ul> 16 <p class="book_toggle_btn">↑ DETAIL<p> 17 <ul class="book_toggle"> 18 <li>2015.10.06 update</li> 19 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 20 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 21 <li>【NIZIIRO Weekly Vol.○○】タイトルタイトルタイトル</li> 22 </ul> 23 </div> 24 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 25 <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 26 <script type="text/javascript"> 27 $(function () { 28 $(".book_toggle_btn").on("click", function () { 29 $(this).nextAll('.book_toggle:first').slideToggle(); 30 }); 31 }); 32 </script> 33 </body> 34</html>
投稿2015/10/09 13:07
編集2015/10/09 13:37
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/09 13:12
退会済みユーザー
2015/10/09 13:37 編集
2015/10/09 13:38
2015/10/09 13:39
退会済みユーザー
2015/10/09 13:39
2015/10/09 13:41