###前提・実現したいこと
・#btn をクリックすると、画像が _off.png から _on.png に切り替わり、.glovalNavi をを表示させる
→ 再び#btn をクリックすると、画像が _on.png から _off.png に切り替わり、.glovalNavi を隠す
上記挙動を組みたいのですが、画像を何度も切り替える方法がわかりませんでした。
(オフ状態からオンにはいけるものの、オンからオフに戻らない)
何か簡単な方法をご存知でしたらお教えいただけると助かります。
###HTML
<div class="hoge"> <ul> <li id="btn"><img src="btn_off.png"></li> </ul> </div> <div class="glovalNavi"> <ul> <li><a href="">メニュー1</a></li> <li><a href="">メニュー2</a></li> </ul> </div>
###JavaScript
$(function(){ $('#btn').on('click', function(){ $('.glovalNavi').stop().slideToggle(); $('#btn img').attr('src','/btn_on.png'); return false; }); })
###CSS
.glovalNavi{ position: absolute; z-index: 1; display: none; }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/30 05:23