質問: 開閉式の質問リストを作りたいのですが、 dtがクリックされるとddが表示され、もう一度クリックされれば閉じる質問ページを作成したいのです。 Dtには(+)のアイコンを設定しており、クリックされたときは(質問が開いた状態のとき)、(ー)のアイコンを表示したいです。 そのため、クリックされた状態のときにクラス名を追加したいのですが、 そちらの記述方法がよくわからないので助けて頂きたいです。 超初心者ですがよろしくお願い致します。
回答: clickイベントに追加すればいいだけですよ。 (要件はクラス追加になっていますが、ddがトグルになっているので、あわせました。) ``` jQuery(function(){ $('.faq dd').hide(); $('.faq dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){ $(this).toggleClass('[追加したいクラス名]'); $(this).next().slideToggle('normal'); }); }); ```