トグル(toggle)ã‚’jqueryã§ç°¡å˜è¨ç½®ï¼ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³è¡¨ç¤ºéžè¡¨ç¤ºåˆ‡ã‚Šæ›¿ãˆãƒ¡ãƒ‹ãƒ¥ãƒ¼è¤‡æ•°å¯¾å¿œã€ãƒ‡ãƒ¢ã‚り】トグル(toggle)ã‚’jqueryã§ç°¡å˜è¨ç½®ï¼ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³è¡¨ç¤ºéžè¡¨ç¤ºåˆ‡ã‚Šæ›¿ãˆãƒ¡ãƒ‹ãƒ¥ãƒ¼è¤‡æ•°å¯¾å¿œã€ãƒ‡ãƒ¢ã‚り】 トグルを１ã¤ã ã‘è¨ç½®ã™ã‚‹å ´åˆ スマホã®ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã‹ã§ã‚ˆã使ã„ã¾ã™ã。 トグルを複数è¨ç½®ã™ã‚‹å ´åˆ faqã®è³ªå•ã¨å†…容を表示éžè¡¨ç¤ºåˆ‡ã‚Šæ›¿ãˆã¿ãŸã„ãªãƒªã‚¹ãƒˆã«ã‚ˆã使ã„ã¾ã™ã€‚ １ã¤ã ã‘ã®ãƒˆã‚°ãƒ«ã«ï¼‘文言ã ã‘javascriptã«ä¿®æ£ã‚’åŠ ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ ã“ã¡ã‚‰ãŒã‚µãƒ³ãƒ—ル↓ サンプルページ 今回ã¯ã€ã‚ˆã使ã†æ¬¡ã®ã‚ˆã†ãªã‚¿ã‚¤ãƒ—を実装ã—ã¦ã¿ã¾ã™ã€‚ ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ 複数ã®ãƒˆã‚°ãƒ«ãŒã‚ã‚‹ ã§ã¯å®Ÿè£…ã—ã¦ã¿ã¾ã™ã€‚ head内ã§jqueryライブラリをèªã¿è¾¼ã‚€ head内ã§jqueryライブラリファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ ↓サーãƒãƒ¼å†…ã«jqueryファイルをè¨ç½®ã—ã™ã‚‹å ´åˆã¯ã“ã®å½¢å¼ã€‚ <script type="text/javascript" src="js/jquery-1.11.0.min.js"
[JS]シンプルãªãŒã‚‰å„ªã‚Œãƒ¢ãƒŽï¼ãƒ›ãƒãƒ¼ã‚„クリックã§ã•ã¾ã–ã¾ãªãƒ„ールãƒãƒƒãƒ—を表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -DarkTooltip
{{#tags}}- {{label}}
{{/tags}}