jQuery slideToggle () с Internet Explorer и анимацией

Question

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

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

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

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

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

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

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

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

Answer 1

<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>

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

Answer 2

Чтобы сохранить div при загрузке скрытыми, попробуйте установить для класса 'd_show _hide' значение «display: none», а затем поместите его в готовый DOM:

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

CSS загрузится с установленным стилем, который не будет отображаться, затем, когда DOM будет готов, он покажет ваш div. Вы можете поместить это после вызова метода slideToggle.

Вы также можете попробовать загрузить div 'd_show _hide' в окне ready вместо DOM ready; это даст гарантию того, что элементы внутри него готовы к использованию перед вызовом метода.

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