質問: http://tcd-wp.net/tcd028/ 上記テーマをとあるスマホサイトに導入したのですが、メニューボタンを押し、メニュー項目のどれかをタップしたあとに、特定箇所まで(#でアンカーを指定して)スクロールするようにしたのですが、メニューが開きっぱなし担ってしまいます。 クリック後にメニューが閉じるようにするにはどうしたらよいのでしょうか。 http://qiita.com/NobuyaIshikawa/items/300739f6da6a95e58306 このあたりを試してみたのですが、JSが苦手で上手く出来ず... おそらく div.navbar-collapse collapse in となっている要素のinを削除すれば非表示になるのかとおもうのですが... 宜しくお願い致します。
回答: ``` #jqueryが使える場合 $('.menu-item').on('click', function(){ $('.navbar-collapse').removeClass('in') }) #jqueryが使えない場合 var navBar = document.querySelector('.navbar-collapse') document.querySelector('.menu-item').addEventListener('click', function(){ navBar.classList.remove('in') }) ``` ではいかがでしょうか! クリックのイベント用のclass(上の場合.menu-item)はお好きなように設定されて下さい!