Jquery上的SlideUp函数

Question

我有一个上滑功能，并在我的脚本上向下滑动，一切正常。问题是DIV是崩溃而不是隐藏我怎么能在页面启动时隐藏div。我试图将DIV设置为隐藏，但没有运气。

Answer 1

假设您有这些divs：

<div id="div_id">Some Content</div>
<div id="div_id2">Some More Content</div>

以下是您最初可以隐藏它们的方法：

使用CSS：

div#div_id
{
   display:none;
}

div#div_id2
{
   display:none;
}

/* and so on */

或使用jQuery：

$(function(){
  $('div#div_id').hide();
  $('div#div_id2').hide();
  // and so on
});

Answer 2

在“启动”时，DIV应该已经通过内联样式隐藏：

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

Answer 3

正如已经提到的那样，你应该先隐藏你的元素，然后再将其拉开。

但是在CSS中隐藏div是一种不好的做法，使用JavaScript隐藏它们要好得多，这是因为许多用户在浏览网页时会阻止JavaScript。

如果你在CSS中隐藏你的div，那么被阻止的JavaScript的用户将根本无法看到你的内容，但如果你用JavaScript加载隐藏元素，他们将能够看到所有内容。