Jquery上的SlideUp功能

Question

我有一個向上滑動功能和一個向下滑動腳本，一切正常。問題是，DIVs崩潰，而不是隱藏我怎麼能夠隱藏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隱藏在CSS內，阻止JavaScript的用戶根本無法看到您的內容，但是如果您在JavaScript上加載隱藏元素，他們將能夠看到所有內容。