jQuery .slideToggle 在 Chrome 中完美运行，在 Firefox 中不太完美

Question

在此页面中:http://181.224.135.163/~tommasom/node/add/rapporto-di-lavoro , 当您选择“determinato”时，我添加了一个 .slideToggle。

幻灯片在 Chrome 和 Firefox 中都有效，但 div 具有此类

.field-group-format-wrapper

如图所示，在完成打开时向上跳得很小。有什么建议吗？

Answer 1

我尝试在 on() 之前使用 off()，它工作正常。 可能同一台 radio 上还有其他听众。 检查控制台上的代码:

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jq.onload =function(){
    $("#edit-field-tempo-indeterminato-und").off().on('change',function(){
        $(".field-group-format-wrapper").slideToggle();
    });
};

另一个奇怪的东西......

如果我从

中删除 margin-top

.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

您的代码在 Firefox 中也能正常工作。 所以请尝试添加

#field-data-termine-add-more-wrapper>div{
    margin-top:0;
}