Я использую этот скрипт 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); затем анимация исчезает, но она отображается правильно во всех трех браузерах.
У кого-нибудь есть предложения относительно того, почему Chrome не отображает его правильно и как я могу это исправить?