40分ã§è¦šãˆã‚‹ï¼jQuery速習講座 (6/6)ã€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ã§
{{#tags}}- {{label}}
{{/tags}}