アコーディオンjquery

締切済

質問者：star_xian
質問日時：2013/03/29 18:46
回答数：1件

ロリポップのサーバーにアコーディオンjqueryをおいています。

以下のように設置すると、項目をクリックしたときに
下に展開されるのですが

chromeだと、左に余白ができてしまいます。

ie9だと、変に余白ができて、テキストがおかしな挙動します。。。
なぜでしょうか？

---------------
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

<head>

<script type="text/javascript" src="../jq01/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function() {
$("dd").hide();
$("dt").click(function() {
$(this).toggleClass("bg2");
$(this).next().slideToggle();
});
});
</script>

</head>

<body>

<dt class="bg1">ああああああああああああああああああああああああああああ</dt>

<dd>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</dd>

<dt class="bg1">うううううううううううううううううううううううううう</dt>

<dd>えええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ</dd>

<dt class="bg1">おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお</dt>

<dd>あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</dd>

</body>

</html>