アコーディオンについての質問

2014/09/17 14:21

このQ&Aのポイント

アコーディオンを使ったサイトの挙動について質問です。
オリジナルのアコーディオンコードを使用できないため、代替のjQueryプラグインを探しています。
リンク先のサイトで作成したアコーディオンの表示が崩れてしまい、解決方法を探しています。また、position:absolute;を設定した際にアコーディオンの切り替えがうまくいかない問題もあります。

rossi46mail
お礼率96% (251/260)

JavaScript
回答数1
ありがとう数10

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2014/09/17 15:58 回答No.1

アコーディオン:（折りたたんで開く）というより、プルダウンメニューと言うほうがよいかも。　別にjavascript使わなくてもできます。CSS2.1ならoverflow、CSS3を使うなら:target擬似要素＞dtにフロートをかけ並べ＜ddをwidth100%にしてみたのですが、下記のURLの様にくずれてしまします。　ddをabsoluteで他から切り離せばよい＞position:absolute;で設定したところdtの内容が、下のアコーディオンが優先されてしまい切り替わりません。　z-indexでレイヤを指定すればよいどう表現（プレゼンテーション）しようかではなく、文書構造を示してください。ナビゲーションのリスト <nav> 　<ul> 　　<li> 　　　<ul> 　　　　<li></li> 　　　　<li></li> 　　　　<li></li> 　　　　</li> 　　　</ul> 　　</li> ・・・定義リスト <dl> 　<dt></dt> 　<dd></dd> 　<dt></dt> 　<dd></dd> </dl> 本文 <section> 　章　<section>項目</section> 　<section>項目</section> 　<section>項目</section> 　<nav>目次</nav> </section> ・・・・プレゼンテーションにHTMLが引きずられたらダメです。

質問者