[JS]JavaScript無しでも動作するダイナミックなタブコンテンツ

JavaScriptがオンだとダイナミックにコンテンツが切り替わり、JavaScriptがオフでも正常にコンテンツが表示されるタブコンテンツを実装するチュートリアルをCSS-Tricksから紹介します。 Dynamic Page / Replacing Content デモページ 上記デモではJavaSciprのオン・オフに関わらず、タブをクリックするとそれに対応したコンテンツが表示されるようになっています。 仕組みはオフ時にはタブをクリックするとページ遷移し表示され、オン時にはAJAXを使用してコンテンツを表示しています。 タブ箇所のHTMLは、下記のようになります。 HTML <textarea name="code" class="html" cols="60" rows="5"> <nav> <ul> <li><a href="index.php">Home</a></li> <l

[studio-no9]

ちゃんとタブ切り替えのときにパーマリンク（permalink）になってるのがいい。

[yanbow]

CSS

[maRk]

.load()

[Donca]

✔ [JS]JavaScript無しでも動作するダイナミックなタブコンテンツ