»WEB制作コード・プラグインWEBサービス・便利なサイトWordPressPhotoshopPC全般サイト運営お知らせ9ineBBWEB×DESIGN×CREATIVETwitterFacebookFeedlyFeed/RSSHOMEWEB制作系コード・プラグインjQueryでシンプルなタブ表示を作るjQueryでシンプルなタブ表示を作るTweet240PRjQueryを使ったタブ表示を作るjQueryでシンプルなタブ表示を今回は作ってみようかと思います。5行で完成することが出来ます。CSSのチェックボックスを使って、javascriptを使わずにタブ表示は作成することが可能ですが。インプットとラベルを使うのでHTMLが見づらくなってしまいます。javascriptでタブ表示を実装する場合はHTMLが見やすく管理しやすくなります。</div></body></html>ボタン部分とそれと対になる内容の部分のHTMLとなっています。いうクラス名をつけています。なって表示されるようになります。タブ名の方は、背景の色と文字の色がonがあるときと無いときでアクティブであるかどかを表すようにしています。両方で使われていますが、セレクタの指定で親につづいてクラスを指定することでそれぞれ違うスタイルを当てています。});</script>jQueryを使ったスクリプトです。クリックをトリガーに動作をします。