STEP 3 - クリックで切り替わる仕組みを作る
Hypertext Markup Language の略。Webサイトをマークアップするためのマークアップ言語です。
Cascading Style Sheets の略。HTML や XML を装飾するために使われる言語です。
プラウザで動作するプログラム言語で、主に HTML や CSS を操作するために使われます。JS と略されることもあります。
JavaScript のライブラリのひとつです。比較的習得しやすいため、プログラミングに慣れていない Webデザイナーにも人気のライブラリです。
hide()メソッド、show()メソッドを使って、表示/非表示を切り替えます。
jQuery Code
$(function() {
var activePanelId = $("#tab .active a").attr("href");
$("#tab .panel > div:not(" + activePanelId + ")").hide();
$("#tab > ul li a").click(function(){
$("#tab > ul li.active").removeClass("active");
$("#tab .panel > div").hide();
$(this).parent("li").addClass("active");
$($(this).attr("href")).show();
return false;
});
});