slimMenuで3本線とバツの切り替え
slimMenuをそのまま使った場合、スマホ表示でメニューの3本線をタップしてメニューが開いても3本線のままです。 ×マークに変わってほしいなと思い改造したのですが、検索しても情報がなかったのでこれを書くことにしました。 slimMenu自体の設置の仕方はいろいろな方が説明記事を公開してくださっているので省略します。 ミソはactiveクラス付与 jquery.slimmenu.jsなら59行目 $menuCollapser . on ( 'click' , '.collapse-button' , function ( e ) { e . preventDefault (); $menu . slideToggle ( options . animSpeed , options . easingEffect ); }); これを $menuCollapser . on ( 'click' , '.collapse-button' , function ( e ) { ...