jQueryやjQuery UI、CSS3を用いた、アコーディオンパネル (Accordion Panel, アコーディオンメニューとも呼ばれる) の作成について、勉強していきます。 アコーディオンパネルはラベルを選択すると、それに合わせてパネルがスライドする仕組みの事を言います。 説明を聞くより、実際に目にした方がすぐに理解できます。 jQueryの導入に関しては、「フローティングメニュー作成の2つの方法」で説明したので、もし導入の方法が分からなければ、そちらを参照してください。 後、注意書きをしておくとHTMLやjavascript、CSSに関する知識をある程度持っていることを前提とさせていただきますので、よろしくお願いします。 知識が無くても何となくは分かるかもしれませんが、理解するのは少し厳しいかもしれませんので、その事はご了承ください。 jQueryのみを用いたアコーディオンパネ
![アコーディオンパネルの作成の3つの方法とIEへの対策 : 初心者によるブログの勉強のためのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c889164fd94ef9112d0631f452a598002d5d942d/height=288;version=1;width=512/http%3A%2F%2Flivedoor.blogimg.jp%2Fkamikaze_cyclone%2Fimgs%2F6%2Fa%2F6aec1a16.jpg)