エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
MULE_VALENTINE|JavaScript|tab(タブ)切り替え
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
MULE_VALENTINE|JavaScript|tab(タブ)切り替え
TAB01 TAB02 TAB03 TAB04 ・TAB01 タブの部分と、コンテンツの部分をそれぞれのULで囲みます。 タブにア... TAB01 TAB02 TAB03 TAB04 ・TAB01 タブの部分と、コンテンツの部分をそれぞれのULで囲みます。 タブにアンカーリンクを付けます。 それと対応するコンテンツ(LI)にIDを付けます。 ID名はタブのアンカーリンクから、♯を取った物を付けます。 ・TAB02 タブの1つ目に予め、class='tabParent'を付けておきます。 すると、別のタブをクリックした時に、クリックしたタブにclass='tabParent'が移動します。 それによって、現在アクティブになっているタブだけにアクションを起こす事が可能です。 ・TAB03 javascriptがoffの環境の場合は、コンテンツの中身が全て展開した形になります。 そして、タブをクリックすると通常のアンカーリンクとして、対応するコンテンツまで飛びます。 ・TAB04 javascriptファイル