Аккордеон в модале

Question

Это работает в Firefox, но не в Internet Explorer. Нажмите на одно из изображений, и появится всплывающее окно.

Внутри большинства всплывающих окон есть аккордеон, и он не работает.

$('#Dynamic #accordion li').children('span').hide();
    $('#Dynamic #accordion li').click(function (event) {
        event.preventDefault();
        $('#Dynamic #accordion li').children('span').slideUp(0);
        $('#Dynamic #accordion li').each(function () {
            if ($(this).attr('rel')!='') {
                $(this).removeClass('over').addClass('idle');
            }
        });

        $(this).children('span').slideDown(0);
        $(this).removeClass('idle').addClass('over');       

        return false;
    });

Answer 1

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

$('#result').load('MODALCONTENTFILE.html', function() {
      $('#result').load('ACCORDIAN.html');
});

---

Вы загружаете контент после загрузки DOM.Таким образом, вы загружаете содержимое после вызова команды hide ().

В IE это работает безупречно: http://jsfiddle.net/JVtyv/11/