<script> $(function() { $('.title').on('click', function() { $('.content').toggleClass('is-active'); }); }); $(function() { var winW = $(window).width(); if (winW >= 767 && ($('.content').hasClass('is-active') ) ) { $('.content').removeClass('is-active'); }; }); </script>
画面が767以下になると .title をクリックできるような装飾をcssで行っています。
.title クラスを持つ要素をクリックすると .is-active というクラスを追加します(ここまではできました)
その後 .is-active をもったままウィンドウサイズを広げ767px以上になると .is-active が消える、という仕様にしたいのですが、うまくいきませんでした。
何がいけないのでしょうか。よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/03 04:30