エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
javascript 基本その3-2 タブの切替 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
javascript 基本その3-2 タブの切替 - Qiita
前回の内容から続いて 書き切れなかった内容をかきます。 タブの切り替え 結構重要な機能である タブの... 前回の内容から続いて 書き切れなかった内容をかきます。 タブの切り替え 結構重要な機能である タブの切替機能について書きます。 まず例として下記の様なコードを書きます。 次にjsの詳細なコード内容についても書いて行きます。 <!--イベントを発火させたいクラスをまずそれぞれ定義します。--> <div class="panel"> <!--タブ--> <ul class="tab-group"> <li class="tab tab-A is-active">タブ-1</li> <!-- is-activeがポイント --> <li class="tab tab-B">タブ-2</li> <li class="tab tab-C">タブ-3</li> </ul> <!--基本is-activeの時だけcssを当てる様にするのが目的です。--> <!--タブを切り替えて表示するコンテンツ--