【25分目:実践編】 jQueryを使って15分でUIを作ろう!! 今回のレッスンの締めくくりとして、jQueryを使った簡単なUI(ユーザーインターフェイス)を作ってみましょう。作成するのは「アコーディオンパネル」と呼ばれる、ラベルをクリックするとパネルがスライドして表示されるUIです。 アコーディオンの元となるHTMLは次のとおり、ラベル部分をdt要素、パネル部分をdd要素で記述する定義型リストで設定します。 ▼サンプル5(HTML部分) <dl> <dt>テキスト1</dt> <dd> <p>テキスト...(中略)...テキスト</p> </dd> <dt>テキスト2</dt> <dd> <p>テキスト...(中略)...テキスト</p> </dd> <dt>テキスト3</dt> <dd> <p>テキスト...(中略)...テキスト</p> </dd> </dl> デザインはCSSで
![40分で覚える!jQuery速習講座 (6/6)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a2f99750d012877e33dfae937566226288ca9ba/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2010%2F02%2F16%2F1573452%2Fl%2F63fdd3f848a94b1e.jpg)