我正在使用这个jQuery脚本http://www.marghoobsuleman.com/jQuery-common-accordion并将其实现到我的网站中。
它在Firefox和IE中运行良好,但Chrome无法正确显示。过渡期间整个内容div闪烁,之后内容div位于标题div下面。
我已将其缩小到这段jQuery代码无法正常工作:
function openMe(id) {
var sTitleID = id;
var iCurrent = sTitleID.split("_")[sTitleID.split("_").length-1];
options.currentcounter = iCurrent;
var sContentID = id+"_msContent_"+iCurrent;
if($("#"+sContentID).css("display")=="none") {
if(options.previousDiv!="") {
closeMe(options.previousDiv);
};
if(options.vertical) {
$("#"+sContentID).slideDown("medium");
} else {
$("#"+sContentID).show(400);
//$("#"+sContentID).css({ display: "inline" });
}
options.currentDiv = sContentID;
options.previousDiv = options.currentDiv;
};
};
function closeMe(div) {
if(options.vertical) {
$("#"+div).slideUp("medium");
} else {
$("#"+div).hide(400);
//$("#"+div).css({ display: "none" });
};
};
当我替换$(“#”+ sContentID).show(400);使用注释标签代码$(“#”+ sContentID).show(400);然后动画消失,但它确实在所有3个浏览器中正确显示。
任何人都有任何关于为什么Chrome无法正确显示以及我如何修复它的建议?