- ベストアンサー
JQueryで$("dt span")クリック動作
JQueryで$("dt span")をクリックしたときに 隣接するddタグの部分を表示させるには以下の記述を どのように修正すればよいのでしょうか？ <html> <head> <style type="text/css"> dl { margin-bottom: 20px; } dd { display: none; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("dt span").click(function(){ $("+dd",this).slideToggle(); }); }); </script> </head> <body> <dl> <dt>toggle<span>開く</span></dt> <dd>テキストが入ります。</dd> </dl> <dl> <dt>toggle<span>開く</span></dt> <dd>テキストが入ります。</dd> </dl> </body> </html> ご存じの方がおられましたらご回答をよろしくお願いします。
- nana_watuki
- お礼率61% (142/232)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
存じてはいませんが… $(function(){ $("dt span").click(function(){ $(this).parent().next("dd:first").slideToggle(); //以下おまけ //var str = $(this).html(); //$(this).html(str=="開く"?"閉じる":"開く"); }); });
お礼
早速試したところ問題なく動作しました。 三項演算子のおまけもすっきりしていて どこかで利用できそうです。 ご回答いただきどうもありがとうございました。