+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net (711ﾚｽ)
上下前次1-新

---

179(1): 2020/01/27(月)21:53 ID:hWzt81fy(1) AAS
jQueryというかcss含む質問ですが。

<dl>
<dt>項目１</dt><dd>本文１本文１</dd>
<dt>項目２</dt><dd>本文２本文２本文２</dd>
・・・
</dl>

dl {columns: 2;}
dd {display: none;}
dt.open + dd {display: block; }

$('dt').click(function(){
$(this).toggleClass('open');
});

●現状
項目(dt)をクリックする度にそのddを表示／非表示。

●問題点。場合によって
(1)１列目最後のdtをクリックするとその本文(dd)が２列目にまたがってしまう。
(2)２列目最初のdtをクリックするとその項目(dt)が１列目に飛んでしまう。

●希望
(1)はなんとか我慢できるものの
(2)は２列目にとどまったままにしたく（１列目と２列目の高さが変わって可）
その方法を教えてください。

---

上下前次1-新書関写板覧索設栞歴

---

あと 532 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ

---

ぬこの手 ぬこTOP 0.004s