lang
1<head> 2</head> 3<body> 4 5<style type="text/css"> 6#acMenu dt{ 7 display:block; 8 width:200px; 9 height:50px; 10 line-height:50px; 11 text-align:center; 12 border:#666 1px solid; 13 cursor:pointer; 14 } 15#acMenu dd{ 16 background:#f2f2f2; 17 width:200px; 18 height:50px; 19 line-height:50px; 20 text-align:center; 21 border:#666 1px solid; 22 display:none; 23 } 24</style> 25 <dl id="acMenu"> 26 <dt>アコーディオンメニュー1</dt> 27 <dd>アコーディオンメニューが開く。</dd> 28 <dt>アコーディオンメニュー2</dt> 29 <dd>アコーディオンメニューが開く。</dd> 30 <dt>アコーディオンメニュー3</dt> 31 <dd>アコーディオンメニューが開く。</dd> 32 </dl> 33<script> 34 $(function(){ 35 $("#acMenu dt").on("click", function() { 36 $(this).next().slideToggle(); 37 }); 38 }); 39</script> 40</body> 41</html> 42 43 44 45 46 47 48</body> 49</html> 50
http://liginc.co.jp/web/js/jquery/34048このサイトを見ながら
以上のようにコードを書いたのですが、CSSまではhtmlに反映されているみたいなんですが、javascriptで反映されているはずのアニーメーションがありません。
何回考えてもわかりません。どなたか私にご教授お願いします。
追記で
lang
1<script src="js/script.js"></script> 2
上記のサイトのでもでこんなコードがありました。
これと何か問題でもあるのでしょうか?
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。