jQuery slideToggle() с Internet Explorer и оживленной анимацией

Question

У меня большая проблема с моим jquery. Я, наконец, сделал так, что мой slidetoggle работает в firefox. Анимация немного оживленная в конце анимации. Я прочитал много обходных решений, но почему-то мне ничего не помогло. Возможно, кто-то из вас может спасти меня от этой дилеммы.

Другой большой проблемой является то, что скрытые divs, к сожалению, показаны непосредственно на старте в Internet Explorer. Я тестировал его в IE6 & 7. И скользящий эффект тоже очень странный.

Кто-нибудь из вас знает, должен ли я предоставить дополнительный стиль для IE ???

Вот мой сайт, я работаю над:

http://www.haus-plan.de/_01_Hausplan/

красных названия скользящие в области содержимого и двух слайдов слов на правой панели.

Я заметил, что Internet Explorer правильно запускает первое слайд-слово на правой панели. Здесь его div сначала скрыт и отображается только тогда, когда мы нажимаем и отпускаем его вниз. Но для других див они показаны в начале, который очень ш .....

Пожалуйста, помогите Meee ....

Answer 1

, чтобы сохранить дивы скрытых от нагрузки, попробуйте установить «d_show _hide "класс не„дисплей: нет“, а затем положить это на DOM готовы:

$('.d_show_hide').show(); 

CSS-загрузит со стилем набора не отображаются, то, когда DOM будет готов, он будет показывать DIV. Вы можете поместить это после вызова метода «slideToggle».

Вы также можете попробовать загрузить «d_show_hide» div на готовом окне вместо DOM; это даст возможность убедиться, что элементы внутри него готовы к использованию до вызова метода.

$(window).load(function(){ 
    //slide toggle here 
} 

Answer 2

<li> 
    <a href="#" id="sombra" onclick="$('#opt_1').slideToggle(360);">MUEBLES</a> 
    <!-- just have to force the width of the elemet! --> 
    <ul id="opt_1" style="display:none; width:164px;"> 
     <!-- content --> 
    </ul> 
</li> 

Просто, чтобы заставить ширину контейнера, который является проблемой!