既存サイトに新しくプルダウンで表示される注意書きを追加したいです。
HTML、CSS、JavaScriptそれぞれを書いてみたのですが、どうもプルダウンが実装できないです。
何か足りないのでしょうか?
HTML
1コード 2<div class="clearfix"> 3 <div class="section"> 4 <dl> 5 <dt><a href="javascript:void(0)">必ずお読みください<img src="./img/index/btn_arrow_off.png" alt="CLICK"/></a></dt> 6 <dd> 7 ・当サイトからフェア予約または見学予約をされて、実際にご来館いただいた方のみ対象となります。<br> 8 9 </dd> 10 </dl> 11 </div> 12 </div>
css
1コード 2.article .section dt { 3 padding: 10px 0; 4 font-size: 16px; 5 text-align: center; 6 overflow: hidden; 7 background: #73aee1; 8} 9 10.article .section dt a { 11 color :#ffffff; 12 text-decoration: none; 13 display: block; 14} 15 16.article .section .open a { 17 visibility: hidden; 18} 19 20.article .section dd { 21 padding: 10px 20px; 22 font-size: 12px; 23 line-height: 2; 24 display: none; 25}
javascript
1コード 2( function($) { 3 $( function() { 4 $('.article .section dt a').click(function(){ 5 $(this).parent().toggleClass('open').next().slideToggle(); 6 }); 7 } ); 8} )(jQuery);
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/03 02:32
2018/08/03 02:39 編集