[JS]WordPressã«ã‚‚最é©ï¼ã‚·ãƒ³ãƒ—ルãªHTMLã‚’ã•ãã£ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã—ã¦ã—ã¾ã†ã‚¹ã‚¯ãƒªãƒ—ト -Magic Accordionh2ã®è¦‹å‡ºã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„（テã‚ストや画åƒï¼‰ã€h2ã®è¦‹å‡ºã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„（テã‚ストや画åƒï¼‰ã€ã€ã€ã¨å®Ÿè£…ã•ã‚ŒãŸã‚·ãƒ³ãƒ—ルãªHTMLをアニメーションã§é–‹é–‰ã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ↓上ã®èµ¤ã„ボタンã¯åˆ‡æ›¿ã§ã€è¦‹å‡ºã—付ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をアコーディオンã«ã—ã¦ã„ã¾ã™ã€‚ 「Some amazing headerã€ã€ŒAnd yet anotherã€ãŒè¦‹å‡ºã—ã§ã™ã€‚ Magic Accordion Magic Accordion -GitHub Magic Accordionã®ãƒ‡ãƒ¢ Magic Accordionã®ä½¿ã„æ–¹ Magic Accordionã®ãƒ‡ãƒ¢ スクリプトã®ã‚³ãƒ³ã‚»ãƒ—トã¯ã€WordPressãªã©ã®CMSã§ç°¡å˜ã«åˆ©ç”¨ã§ãるよã†ã‚·ãƒ³ãƒ—ルãªã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒç”Ÿæˆã§ãるよã†è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ デモã¯ä¸Šéƒ¨ã«åˆ‡æ›¿ãƒœã‚¿ãƒ³ãŒã‚ã‚Šã€è¦‹å‡ºã—付ãコンテンツã®çŠ¶æ…‹ã€ãれをアコーディオ
![[JS]WordPressã«ã‚‚最é©ï¼ã‚·ãƒ³ãƒ—ルãªHTMLã‚’ã•ãã£ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã—ã¦ã—ã¾ã†ã‚¹ã‚¯ãƒªãƒ—ト -Magic Accordion](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e2783ce385857ea9b172089f4da3c1407bf06c5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014092505.gif)
[JS]コンテンツをデスクトップ時ã¯ã‚¿ãƒ–ã«ã€ã‚¿ãƒ–レット・スマフォ時ã¯ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
{{#tags}}- {{label}}
{{/tags}}