2016-12-06 45 views
2

我使用slideToggle打開並隱藏div,如下所示。在slidetoggle之後隱藏div 5s

$(document).ready(function(){ 
    $('.btnopencart').click(function() { 
     $('#shoppingCart').slideToggle("fast", function() { 

     }); 
    }); 
}); 

但我想設置顯示#shoppingCart 5秒,當然,雖然這是它可以再次切換「顯示:無」或「顯示:塊」

非常感謝你。

+0

你想要的slideToggle取5秒鐘完成,或者你想要一個5秒的延遲開始前? – j08691

+0

實際上,我想在開始前5秒延遲,或者在5秒內顯示,它會自動隱藏。如果用戶多次點擊,則會繼續切換。是否有可能? –

+1

@MinhAnh你看看我的答案嗎? –

回答

4

使用.delay()$(this)

$(document).ready(function(){ 
    $('.btnopencart').click(function() { 
    $('#shoppingCart').slideToggle("fast", function() { 
     $(this).delay(5000).slideToggle("fast"); 
    }); 
    }); 
}); 
+0

Hi @Praveen Kumar。非常感謝您的回答,但我希望延遲5秒才能開始。如果用戶點擊多次(少於5秒),它會繼續切換。是否有可能? –

+1

@MinhAnh是的,你可以做。你需要在'.delay'之前添加'.stop(true,true)'。檢查是否有效? –

+0

嗨Praveen。我添加了,但它立即打開和關閉? –