STEP 3 - CSS装飾用にクラスを付けよう
- HTML
- Hypertext Markup Language の略。Webサイトをマークアップするためのマークアップ言語です。
- CSS
- Cascading Style Sheets の略。HTML や XML を装飾するために使われる言語です。
- JavaScript
- プラウザで動作するプログラム言語で、主に HTML や CSS を操作するために使われます。JS と略されることもあります。
- jQuery
- JavaScript のライブラリのひとつです。比較的習得しやすいため、プログラミングに慣れていない Webデザイナーにも人気のライブラリです。
addClass() や removeClass() を使って、クラスを追加 / 削除します。dt要素にマウスを乗せると、付けられたクラスによってスタイルが変わります。
jQuery Code
$(function() {
$(".accordion > dd:not(:first)").hide();
$(".accordion > dt:first").addClass("active");
$(".accordion > dt").hover(function(){
$(this).addClass("hover");
}, function(){
$(this).removeClass("hover");
});
});