jQuery и IE рендеринг проблема

Question

Я понимаю, что IE в большинстве случаев немного мусор, но я надеялся, что кто-нибудь может найти способ исправить проблему с отображением в IE при использовании jQuery.

на следующем сайте я использовал jQuery в меню, чтобы показать и скрыть параметры (проекты и контакты)

http://www.isabelarbelaez.com

Когда они нажимаются в IE, они показывают, что находится за ними на мгновение, перед обычной загрузкой.

По сути, это выглядит дерьмо! Мне было интересно, если кто-нибудь может предложить способ преодолеть это? Мой код для анимации выглядит следующим образом:

jQuery(document).ready(function($) {
  var timer;
  var display;

  $('li#contact').click(function() {
    clearTimeout(timer);
    $('ul.image_display').css('display', 'none');
    $('ul.projects').fadeOut().hide();
    $('li#cv').removeClass('cur');
    $('li#projects').removeClass('cur');
    $('li#contact').addClass('cur');
    $('ul.contact').fadeIn(function() {
      display = setTimeout( function() {
        $('ul.contact').fadeOut('slow');
      }, 8000);
    });
    timer = setTimeout(function() {
      $('li#contact').removeClass('cur');
      $('li#cv').addClass('cur');
    }, 8625);
  });

  $(function() {
    $('#projects').click(function() {
      clearTimeout(timer);
      $('li#cv').removeClass('cur');
      $(\"ul.contact\").fadeOut().hide();
      $('#contact').removeClass('cur');
      $('#projects').addClass('cur');
      $('ul.projects').fadeIn(function() {
        display = setTimeout( function() {
          $('ul.projects').fadeOut('slow');
        }, 8000);
      });
      timer = setTimeout(function() {
        $('li#projects').removeClass('cur');
        $('li#cv').addClass('cur');
      }, 8625); 
    });
  });

Answer 1

Попробуйте с этими исправлениями:

$("ul.image_display li#image_hover img").attr("src", largeAlt ); 

и

$("ul.image_display li#image_hover img").attr("src", "" );