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

标签 jquery html toggle

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

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

        });
    });
});

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

非常感谢。

最佳答案

使用.delay()$(this):

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

关于jquery - 滑动切换 5 秒后隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40999501/

相关文章:

javascript - Highcharts - 添加系列名称作为 X 轴标签

javascript - 如何在 jquery slider 内呈现的图像内显示文本

javascript - Angularjs - 页面渲染完成后加载脚本

python - 如何在不使用 Django Forms 的系统中使用 Django Simple Captcha

java - Primefaces - CommandButton 根据 bean 值切换,无需 CSS

javascript - jQuery 将选择字段和文本输入值实时合并到另一个文本字段

jquery - 嵌入式持久性 Bootstrap 日期选择器

javascript - 组织结构图从一开始就崩溃了

css - 导航栏切换动画不起作用

jquery - jquery 中的按钮文本切换