jquery - 滑动切换 5 秒后隐藏 div

Question

我使用 SlideToggle 打开和隐藏 div，如下所示。

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

        });
    });
});

但是我想设置 5 秒显示#shoppingCart，当然它可以再次切换，尽管它是“display:none”或“display:block”

非常感谢。

Answer 1

使用.delay()和$(this):

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