誰ã§ã‚‚出æ¥ã‚‹ï¼ãƒ—ラグインを使ã‚ãšã«jQueryã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–切り替ãˆæ©Ÿèƒ½ï¼ã“ã‚“ã«ã¡ã¯ã€ãƒŸã‚ã§ã™ã€‚ 今回ã¯ã‚¢ã‚¦ãƒˆãƒ—ットã®å ´ã¨ã—ã¦ã€ 最近プラグインを使ã‚ãšã«å®Ÿè£…ã—㟠タブ切り替ãˆæ©Ÿèƒ½ã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ HTML ã¾ãšã‚¿ãƒ–ã¨ã‚¿ãƒ–ã«é€£å‹•ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®HTMLを用æ„ã—ã¾ã™ã€‚ 一番目ã®ã‚¿ãƒ–ã«ã€Œclass=â€selectâ€ã€ã‚’ã¤ã‘ã¾ã™ã€‚ 最åˆã«è¡¨ç¤ºã•ã›ãªã„コンテンツã«ã¯ã‚らã‹ã˜ã‚「display:none;ã€ã‚’è¨å®šã—ã¾ã™ã®ã§ã€ ã“ã“ã§ã¯ã€Œclass=â€hideâ€ã€ã‚’ã¤ã‘ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ãƒ€ãƒŸãƒ¼ãƒ†ã‚ストã¯å¤ç›®æ¼±çŸ³ã®åŠã£ã¡ã‚ƒã‚“ã‹ã‚‰ã§ã™ã€‚ <ul class="tab"> <li class="select">タブ1</li> <li>タブ2</li> <li>タブ3</li> <li>タブ4</li> </ul> <ul class="content"> <li>親è²ã‚Šã®ç„¡é‰„ç ²ã§å°ä¾›ã®æ™‚ã‹ã‚‰æã°ã‹ã‚Šã—ã¦ã„る。å°å¦æ ¡ã«å±…る時分å¦æ ¡ã®äºŒéšŽã‹ã‚‰é£›ã³é™ã‚Šã¦ä¸€é€±é–“ã»ã©è…°ã‚’抜ã‹ã—
jQuery：タブ切り替ãˆã‚’ウィンドウサイズãŒå°ã•ã„ã¨ãã¯selectã§åˆ‡ã‚Šæ›¿ãˆã‚‹å‹•ãã«ã™ã‚‹æ–¹æ³• - NxWorld
カテゴリーãŒå¤šã„スマホサイトã§å½¹ç«‹ã¤ã€Œã‚¹ãƒ¯ã‚¤ãƒ—対応メニューã€ï¼ˆ2/2）|WD Online
{{#tags}}- {{label}}
{{/tags}}