![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ロリポップのサーバーにアコーディオン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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
階層別の組織図の自動作成について
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
-
jQuery.illuminateの使い方
-
AjaxでJSONを受信すると、文字...
-
Selenium Basicの件
-
Javascriptを使ってQRコード読...
-
jQueryを使いformでsubmitした...
-
jQuery を外部ファイルから呼び...
-
カンマ区切りのデータを配列に...
-
インラインフレームを自動更新...
-
jQueryのblockUIをformのボタン...
-
二つのbxsliderをレスポンシブ...
-
JavaScriptでtabindexの変更っ...
-
スクリプトの外部からの読み込み
-
$.ajax({ って何ですか?
-
FullCalendar の複数月表示につ...
-
inputタグ内にあるid属性の意味?
-
URLによってHTMLのテキストを変...
-
.txtファイルの読み込み
-
jQUery:フェードアニメーショ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
階層別の組織図の自動作成について
-
jquery.validationEngine.js 添...
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
-
絞り込み検索の後にソートを追...
-
アコーディオンメニューが他に...
-
Rails3でのクリックされたボタ...
-
jqueryのプラグインについて
-
アコーディオンjquery
-
【JQuery】iframeのリンク先変...
-
jqueryについてです
-
ドラッグ & ドロップでのド...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
JavaScriptでtabindexの変更っ...
-
カンマ区切りのデータを配列に...
-
readyStateが4にならない原因
-
SQLのmaxで求めた値を変数に代...
-
AjaxでJSONを受信すると、文字...
-
jQuery を外部ファイルから呼び...
おすすめ情報