前回の質問で常に出来る空白部分については解決しましたが、開いた時の中身の部分を増やすと何故か空白部分が出来てしまいます。なぜでしょうか?
前回の質問(解決済み)
html
<dl id="acMenu"> <dt>アコーディオンメニュー1</dt> <dd>アコーディオンメニューが開く。</dd> <dt>アコーディオンメニュー2</dt> <dd>アコーディオンメニューが開く。</dd> <dt>アコーディオンメニュー3</dt> <dd>アコーディオンメニューが開く。</dd> </dl>
css```
#acMenu dt{
margin: 0;
display:block;
width:300px;
height:50px;
line-height:50px;
text-align:center;
border:#666 1px solid;
border-radius:5px;
cursor:pointer;
}
#acMenu dd{
margin: 0;
background:#f2f2f2;
width:300px;
height:50px;
line-height:50px;
text-align:center;
border:#666 1px solid;
}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> jQuery(function (jQuery) { jQuery('#acMenu dd').slideToggle(); jQuery('#acMenu dt').on('click', function () { jQuery(this).nextUntil('dt','dd').slideToggle(); }); }); </script>javascript
なぜでしょうか?このサイトのサイドバーにアコーディオンメニューがあります。それで、問題が起きています。 [サイト](http://fujiroomblog.blog.fc2.com/)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。