###前提・実現したいこと
クリック時にタグの切り替え・画像のON、OFFがしたいです。
現在タグの切り替えはできているのですが、画像のON、OFFがうまくいきません。
html、jsの事をお助け頂けると幸いです。
###発生している問題・エラーメッセージ
タグは実装できたのですが、 そのあとの選択されている時だけ画像をon、 他の画像を選択したときはoffにすることができません。 色々と試したのですが画像がonの状態から戻らなくなりました。
html <div class="js-tab"> <div class="jewelry active"><img src="jewelry_category_off.png" width="" height="" alt=""/></div> <div class="propose"><img src="propose_category_off.png" width="" height="" alt=""/></div> <div class="memorial"><img src="memorial_category_off.png" width="" height="" alt=""/></div> <div class="others"><img src="others_category_off.png" width="" height="" alt=""/></div> </div><!-- /.js-tab -->
$(function(){ /*======================================= タブ切り替え =========================================*/ $('.js-tab > div').click(function(){ $('.js-tab > div,.js-tab_content').removeClass('active'); var tabClass = $(this).attr('class'); $(this).addClass('active'); $('.js-tab_content').each(function(){ if($(this).attr('class').indexOf(tabClass) != -1){ $(this).addClass('active').fadeIn(); }else{ $(this).hide(); } }); }); });
回答2件
あなたの回答
tips
プレビュー