Question

有没有办法用jQuery隐藏或显示元素，但仍然保留它在页面上占用的空间？例如，一组链接，每个链接下面都有一个段落。当用户将鼠标悬停在链接上时，段落将消失/显示，但在删除段落时不会更改布局。

Answer 1

执行此操作的非常简单的方法是使用visiblity CSS属性：

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

$(this).next()可能需要修改才能找到要显示或隐藏的正确元素。

Answer 2

你可以只使用CSS，不需要JavaScript。

p {
    visibility:hidden;
}
a:hover + p {
    visibility:visible;
}

Answer 3

你可以用css隐藏它：

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

这种方式元素是不可见的，但仍然根据其尺寸填充所需的空间。这样，当您想要平滑地隐藏元素时，您也可以为其设置动画。

Answer 4

您可以使用visibility:hidden或opacity:0

隐藏值会隐藏一个元素，但会留下空间一直

Answer 5

您可以使用jquery方法中的build隐藏元素：

$（ '＃ElementId'）隐藏（）;

并使用以下方式显示：

$（ '＃ElementId'）显示（）;