Javascript JQuery 3.3.0 slideDown()移动跳回显示无

Javascript JQuery 3.3.0 slideDown()移动跳回显示无,javascript,jquery,html,Javascript,Jquery,Html,我有以下JQ代码 var$body=$('body'), $accordion=$body.find(“[data accordion]”), $heading=$accordion.find('[data accordion=“heading”]'), $content=$accordion.find('[dataaccordion=“content”]'); $heading.单击(函数(e){ if(!($(this).hasClass('open')){ $(this.addClass

我有以下JQ代码

var$body=$('body'),
$accordion=$body.find(“[data accordion]”),
$heading=$accordion.find('[data accordion=“heading”]'),
$content=$accordion.find('[dataaccordion=“content”]');
$heading.单击(函数(e){
if(!($(this).hasClass('open')){
$(this.addClass('open');
$(this.next().slideDown(300);
}否则{
$(this.removeClass('open');
$(this.next().slideUp(300);
}
});

地位
  • 复选框
  • 复选框
  • 复选框

对我来说这很好,我用
chrome开发工具检查了一下
您可能会遇到双击问题。添加/删除打开的类,然后设置动画0.3秒。如果双击,则打开的类在动画结束之前已经存在,导致它在没有动画的情况下关闭。可以尝试在动画中阻止单击事件。在幻灯片函数之前设置一个“无生命”类,并在幻灯片函数完成回调中删除它。@Pedram是的,在这里我也可以,但不是ob mywebpage@user3154108我不这么认为,因为公开课还在那里。我必须再次单击以放弃该类,第三次单击将再次添加打开的类,其情况与第一次相同click@MrTilllus尝试查看其他单击事件是否绑定到网页上的元素,可能有其他脚本干扰。我不知道Chrome,但Firefox会在DOM检查器中显示元素上的事件。