jQuery .hide（）和.slideUp（）和.slideDown（）

Question

我试图向下滑动并向上滑动div。在加载时div将保持消失/隐藏。

在这方面，我使用.hide()来保持div在加载时消失/隐藏，之后我使用.slideDown()向下滑动.slideUp()向上滑动div。 / p>

我的问题是，当页面加载时，div会出现片刻，例如1毫秒后消失。但我想在加载时保持div消失/隐藏。

我该如何解决问题？

Answer 1

您希望在页面加载时隐藏特定的div。您不需要jQuery / JS来执行此操作。

因此，as per my comment仅使用CSS：

div {
    display: none;
}

Answer 2

您可以使用css方法执行此操作。在加载时，添加一个名为“hidden”的类，然后在页面完全加载后，删除该类并使用淡入/淡出。

类似的东西：

$(documnet).ready(function() {
$("#element").addClass("hidden");
$("#element").fadeIn(); 
$("element").fadeOut();
});

使用addClass属性，添加一个类来隐藏你的div，然后将其淡入视图。

Answer 3

首先添加display：none;在你的CSS文件中。

div {
    display:none;
}

并添加此脚本

$('div').slideDown().delay(300).slideUp();

如果您再次遇到同样的问题，那么这意味着您的CSS文件需要更多时间加载，在这种情况下，您可以添加内联样式。

<div style="display:none"></div>