jQueryでページ内の離れた所にある要素を制御したい!

jQueryを使って離れた場所にある要素を遠隔で操作できる様にしてみる。
今回は左側にボタン。右側にコンテンツ表示部分としていますが、位置は好きなところで使用できます。
更新することも考えて、htmlでは極力クラス名やID名を設定せずにしたいと思います。

まずはhtmlから

特に変わったことをしていません。

CSSもあっさりと

細かいところは書いていません。いい感じにしてくださいね。

最後に問題のjQueryです。

ここでは変数btNoを用意して、その変数にクリックした項目の順番を取得して代入(+1はindex()が0から始まるので1を追加)しています。
そして#cont pのnth-childの値に変数btNoを使用してボタンの対応する#contを表示を切り替えています。

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ WordPressへ にほんブログ村 IT技術ブログ Webサイト構築へ

投稿者: おーあえ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください