jquery - jQueryで要素を削除するが、要素が存在するスペースを保持する方法

Question

jQuery を使用して要素を非表示または表示する方法はありますが、ページ上で占めるスペースを維持する方法はありますか? たとえば、それぞれの下に段落がある一連のリンク。ユーザーがリンクにカーソルを合わせると、段落が消えたり現れたりしますが、段落が削除されてもレイアウトは変わりません。

score 4 · Accepted Answer

これを行う非常に簡単な方法は、visiblityCSS プロパティを使用することです。

$('a').hover(function() {
    $(this).next().css('visibility', 'visible');
}, function() {
    $(this).next().css('visibility', 'hidden');
});

$(this).next()表示または非表示にする正しい要素を見つけるために、を変更する必要がある場合があります。

score 1 · Accepted Answer

css で非表示にできます。

jQuery('p').css('opacity', 0);

このようにして、要素は非表示になりますが、その寸法に基づいて必要なスペースを埋めます。このようにして、要素をスムーズに隠したいときにアニメーション化することもできます。

score 0 · Accepted Answer

visibility:hiddenまたは使用できますopacity:0

hidden 値は要素を隠しますが、本来あるべき場所にスペースを残します

5 に答える 5