Состояние зависания мигает в FF, но не в Chrome

Question

вот мой пример; http://camoconnell.com/ddu/

Я не согласен с тем, как решить эту проблему, я не уверен, ограничена ли проблема jquery или структурой DOM.

любые предложения приветствуются, спасибо

Answer 1

Просто поместите правило 40% перед правилом 60%.Поскольку у вас есть это наоборот, элемент накала увеличивается до того, как другой становится меньше.Это привело к тому, что больший элемент больше не помещался рядом с маленьким и был обернут под ним.Тогда он больше не находится под курсором, поэтому правило наведения больше не применяется.Это продолжает происходить взад и вперед.Итак, вот код:

$(sidesAr[target]).stop(true,true).animate({width:"40%"},600);
$(this).parent().parent().stop(true,true).animate({width:"60%"},600);

Или jQuery 1.7, так как с вашим кодом проблем нет.

Answer 2

$(this).parent().parent().stop(true,true).animate({width:"60%"},600); $(sidesAr[target]).stop(true,true).animate({width:"40%"},600);

Разве это не должно быть похоже на:

$(sidesAr[target]).stop(true,true).animate({width:"60%"},600); $(sidesAr[other_target]).stop(true,true).animate({width:"40%"},600);