中小企業-経営戦略ライフハック業務効率化Homeホームページ制作関連1行のJQueryでできる開閉する仕組み2016.04.132017.05.16ホームページ制作関連1行のJQueryでできる開閉する仕組みよくある質問などでよくある見出しをクリックすると開閉する仕組みは以外と簡単に実装できます。下のサンプルを確認してみてください。”btn”というクラスをクリックするとその次の要素が開閉するJSです。CodePen.クリックする度にボタンに特定のクラスを付け外しをする。ボタンのクリックの度に見た目を変更するためにボタンに特定のクラスを付け外しをできるようにします。CodePen.スマートホンでのみ実行するレスポンシブサイト等でスマートホンのみで開閉の仕組みを実装したいとき等があります。その場合はウインドウ幅を取得してブレークポイントよりも小さい時にJSが動作するようにします。動作確認する場合はブラウザ幅を調整して実行してみてください。CodePen.非常に簡単なJSながら様々なシーンで使用できるJSなので山王にしてください。徹朗Webに関する様々な知識を身に付け、理論的な問題解決を常に目指す頭脳派クリエイター。徹朗の記事一覧へGoogleが品質評価ガイドラインを更新。