STEP 4 - 何度も同じセレクタを書かないようにする
- HTML
- Hypertext Markup Language の略。Webサイトをマークアップするためのマークアップ言語です。
- CSS
- Cascading Style Sheets の略。HTML や XML を装飾するために使われる言語です。
- JavaScript
- プラウザで動作するプログラム言語で、主に HTML や CSS を操作するために使われます。JS と略されることもあります。
- jQuery
- JavaScript のライブラリのひとつです。比較的習得しやすいため、プログラミングに慣れていない Webデザイナーにも人気のライブラリです。
頻繁に利用する要素は、変数に代入してしまいましょう。
jQuery Code
$(function() {
var accordion = $(".accordion");
$("> dd:not(:first)", accordion).hide();
$("> dt:first", accordion).addClass("active");
$("> dt", accordion).hover(function(){
$(this).addClass("hover");
}, function(){
$(this).removeClass("hover");
});
});