ã€â˜…★★ - ｊＱｕｕｅｒｙ】 - クリックã§é–‹ãアコーディオンメニュースマートフォンã«ã‚‚使ãˆã‚‹ã€ã‚¯ãƒªãƒƒã‚¯ã§é–‹ãアコーディオンメニューjQuery スマートフォンç‰ã€é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã§è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¨ç½®ã§ãるアコーディオンメニュー。 シンプルãªã‚³ãƒ¼ãƒ‰ã§å‹•ä½œã—ã¾ã™ã®ã§ã€å®Ÿè£…ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ デモページ DEMO 説明 今回ã¯2種類ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’紹介ã—ã¾ã™ã€‚ 1ã¤ã¯ã€Œulã€ã§çµ„むリストã€ã‚‚ã†1ã¤ã¯ã€Œdlã€ã§çµ„むリストã§ã™ã€‚ ãªãŠã€ã€Œulã€ãƒªã‚¹ãƒˆã¯è¤‡æ•°é–‹ãã“ã¨ãŒã§ãã€ã€Œdlã€ãƒªã‚¹ãƒˆã¯åˆ¥ã®ã‚¿ãƒ–ãŒé–‰ã¾ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ä½¿ã„分ã‘ã¦è¦‹ã¦ä¸‹ã•ã„。 JS $(function(){ $(".accordion p").click(function(){ $(this).next("ul").slideToggle(); $(this).children("span").toggleClass("open"); }); $(".accordion dt"
使ã„ã‚„ã™ããªã£ãŸï¼UIç´ æã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï¼CSS jQuery版
jQuery入門講座 使ã„æ–¹-toggleイベント
jQueryã®toggleã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„タブをã•ãã£ã¨å®Ÿè£…ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
[JS]æ—¢å˜ã®ãƒŠãƒ“ゲーションを簡å˜ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒˆã‚°ãƒ«åž‹ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Naver
{{#tags}}- {{label}}
{{/tags}}