滑動DIV的快速JQuery問題

Question

我需要我的滑動DIV在頁面加載時自動關閉，此時它顯示爲展開狀態，並且我還想減慢動畫片的速度......目前它的超級快速即使我把它設置得很低。代碼如下：

JQuery的：

$(document).ready(function(){ 

     $(".slidingDiv").hide('slow'); 
     $(".show_hide").show('slow'); 

    $('.show_hide').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    }); 

$(".slidingDiv").hide('slow'); 
}); 

HTML：

<a href="#form" class="show_hide">Show/hide</a> 
<a name="form" id="form"></a> 
<div class="slidingDiv"> 

CONTENT BLAH BLAH 

</div> 

Answer 1

首先使被隱式的股利，或至少刪除DIV .hide通話緩慢參數。

關於速度，您可以傳遞任何數字作爲.slideToggle()的參數，以確定滑動效果持續時間的長度（以毫秒爲單位）。

$(document).ready(function() { 

    $(".slidingDiv").hide(); 
    $(".show_hide").show('slow'); 

    $('.show_hide').click(function() { 
     $(".slidingDiv").slideToggle(2000); 
    }); 

});​ 

看到這個DEMO。

Answer 2

 
$().ready(function(){ 
    $(".slidingDiv").hide() 
    $('.show_hide').click(function(){ 
     $(".slidingDiv").slideToggle(); 
    }) 
}); 

Answer 3

試試這個：

setTimeout(function() { 
    $(".slidingDiv").hide('slow'); 
}, 2000); 

DEMO：http://jsfiddle.net/BWqjp/

Answer 4

您是否嘗試過使用淡入淡出和？

$(document).ready(function(){ 
    $(".show_hide").hide(); 
    $(".slidingDiv").fadeOut('slow', function() { 
     $(".show_hide").fadeIn('slow');    
    }); 
    $('.show_hide').click(function(){ 
     $(".slidingDiv").slideToggle(); 
    }); 
});​ 

這裏的小提琴：http://jsfiddle.net/zEnZx/