html
1<div> 2 <p><span class="plus"></span>Q&A1</p> 3 <p><span class="plus"></span>Q&A2</p> 4 <p><span class="plus"></span>Q&A3</p> 5</div>
javascript
1<script type="text/javascript"> 2 $(function() { 3 $("div p").click(function () { 4 5 $('p span').removeClass('plus'); 6 $("p span").addClass("minus"); 7 8 }); 9 }); 10</script>
質問です。
Q&A開閉パネルを作っているのですが、
↓初期イメージ
+あああ
+いいい
+ううう
↓開閉後イメージ
+あああ
-いいい
・hogehoge
・hogehoge
+あああ
上記コードでは
全ての要素が .minus に変化してしまいます。
クリックした場所だけ .minus にクラス名を変化することは可能ですか?
また、 .minus に変化した状態で再びクリックすると .plus に変更することは可能でしょうか?
教えて頂けると幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/13 09:47