添加产品后添加jQuery slideDown 1000ms

时间:2013-08-17 22:40:19

标签: jquery timer slideup

我正在设计此网站http://www.dailydeliver.com/index.php

在这里 - 你会看到一个购物车。当您添加产品时 - 它会进入购物车。但是,购物车仍然打开。只有当一个人悬停在购物车上然后将其悬停在购物车上时,购物车才会关闭。

我希望购物车在我添加产品后打开1000ms后自动关闭(按添加到购物车按钮)。以下是在添加产品时打开购物车的相关代码,但在给定时间后它不会关闭它:

             $('.blockuserinfo-cart').addClass('close-cart');
                $(this).find(".blockuserinfo-cart").toggle(
                $('#cart_block').stop(true, true).slideDown(400),{
                duration:1500,
                easing: 'linear'
            });

1 个答案:

答案 0 :(得分:0)

我通过添加.delay方法解决了上述问题。所有功劳都归功于@ Kren470 https://stackoverflow.com/users/2148796/kren470为我解决这个问题。在修改后的代码下方粘贴:

$(this).find(".blockuserinfo-cart").toggle(
                    $('#cart_block').stop(true, true).slideDown(400).delay(2000).slideUp(400),{
                    duration:4500,
                    easing: 'linear'
                }
);