jQueryã§ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ãŸjQueryã§å‹•ãアコーディオンを作ã£ã¦ã¿ã¾ã—ãŸã€‚ CSS3ã®transitionを利用ã—ã¦ã„ã¾ã™ã®ã§ã€IE8以下ã¯â–²,â–¼ã®è¡¨ç¤ºãŒè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“。 IE9以é™ã®ãƒ–ラウザã§å¾¡è¦§ãã ã•ã„。 サンプルã®è§£èª¬ 「タイトルã€ã‚’クリックã™ã‚‹ã¨ã€Œä¸èº«ã€ãŒã¬ã‚‹ã£ã¨å‡ºã¦ãã¾ã™ã€‚ 「タイトルã€ã®å³å´ã«ã‚る▼マークã¯ã€Œä¸èº«ã€ãŒé–‹ãã¨â–²ã«å¤‰ã‚ã‚Šã¾ã™ã€‚ 三角部分ã¯cssã§ä½œæˆã—ã¦ã„ã¾ã™ã€‚ç”»åƒã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“。 アコーディオンã®ä¸èº«ã®listã¯#ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}