【jQuery】タブでコンテンツ切り替え且つ上下連動

jQuery

タブでコンテンツ内容を切り替えるというのは
まぁ、よくある感じだとは思いますが
今回、コンテンツ内容が長かった為、上下にタブを配置。
コンテンツを最後まで見ると上部のタブはもはや遥か彼方だったので。
こんな長いコンテンツもどうかと思うがね。

となると当然上下のタブは連動していないと挙動がおかしな事になる。
アクティブとかなければごまかせるかもしれないが
やはり現状どのタブを開いているのか分かりやすくするのが
ユーザビリティ的にも人としても親切ってもんでしょう。

て事で上下のタブが連動している諸々の書き方。

JavaScript基本的な記述　その4

JavaScript

引き続きJavaScriptの基本的な記述方法です。
以下ソース。

JavaScript

引き続き、JavaScriptの基本的な記述です。
以下、ソース。

JavaScript

前回に引き続き、JavaScript基本的な記述を書いていきます。

以下、ソース。

JavaScript

JavaScriptの基本的な記述を書いていきます。
本当に基本です。

JavaScript

自分の作ったサイト内での検索が出来る
Google searchの導入です。

まぁ、Google先生から頂いてくればいいんですけど、
一応ソースを。

HTML CSS

今回はスマートフォンやタブレットで見ても
レイアウトが崩れない記述です。

ソースを記述していきます。