Q&Aページを作成しているのですが、質問項目をクリックすると答えが表示されるといった動きをつけたくて、下記のコードにて実装しました。ところが一つの答えを表示させた状態で他の質問をクリックすると、表示していた答えが隠れてしまいます。クリックをしない限り隠れないというような設定はできますでしょうか。
jQuery、javascript共に初心者のためどなたかご教示お願いいたします。
<div class="main_question"> XXXXXXXXXXXXXXXXXXXXXXXXX </div> <ul class="answer"> <li>XXXXXXXXXXXXXXXXXXXXXXX</li> </ul>
$(function(){ $('.answer').hide(); $("#active").show(); $('.main_question').click(function(){ $('img').removeClass('rotate'); $('ul.answer').slideUp(); if($('+ul.answer',this).css('display') == 'none'){ $('img',this).addClass('rotate'); $('+ul.answer',this).slideDown(); } }); });
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/29 00:23