Здравствуйте,
Пользуюсь скриптом Accordion (
http://docs.jquery.com/UI/Accordion ) - пытаюсь применить к своему сайту.
Смысл использования скрипта следующий:
Есть несколько изображений, они составляют вертикальное меню:
<div id="accordion">
<table>
<tr>
<td>
<p><img src="1"></p>
<p class="tab"><img src=""></p>
<div>
<p><img src="a"></p>
<p><img src="b"></p>
<p><img src="c"></p>
<p><img src="d"></p>
</div>
<p class="tab"><img src="2"></p>
<div>
<p><img src="e"></p>
<p><img src="f"></p>
</td>
</tr>
</table>
</div>
При переходе на страницу с этим меню - оно закрыто. Класс tab показывает шапки открывающегося меню. Т.е. на клике по изображению 1 открываются изображения a,b,c,d, при клике на изображении 2 открываются e,f и закрываются предыдущие.
В Firefox скрипт работает отлично - все меню плавно открываются и закрываются.
В IE (я использую 8 версию) все куда хуже. При клике на первом изображении с классом tab - меню открывается плавно, а при втором начинаются артефакты. Попробую объяснить.. при втором клике меню как бы раскрывается всю свою высоту на 1-2 мсек - меню плавно закрывается и на последних мгновениях плавного закрытия опять открывается на всю высоту на эти 1-2 мсек. Выглядит очень рвано.
В javascript отнюдь не знаток, поэтому прошу помощи. Может, кто-нибудь знает, как подсказать IE как правильно ему понимать скрипт?
PS. Картинки в меню в расширении .png, с текстовыми меню таких "дерганий" не наблюдалось.
Заранее спасибо.