jQuery Lightbox анимировать проблему в IE7

Question

Я использую этот код для создания оверлея и оверлейного блока:

// GENERAL OVERLAY BOX
var isOpen = false; // STATUS OF OVERLAY BOX
function showOverlayBox() { // DISPLAY BOX
    if( isOpen == false ) return; // DO NOTHING IF NOT SET TO OPEN
    var activeTab = $(this).attr("class");
    $('.overlayBox').css({ // OVERLAY BOX POSITION
        display:'block',
        left:( $(window).width() - $('.overlayBox').width() )/2,
        top:( $(window).height() - $('.overlayBox').height() )/2 -20,
        position:'absolute'
    });
    $('.bgCover').css({ // DARK BG
        display:'block',
        width: $(window).width(),
        height:$(window).height()
    });
}
function doOverlayOpen() { // OPEN
    isOpen = true; // SET STATUS TO OPEN
    showOverlayBox();
    $('.bgCover').css({opacity:0}).animate( {opacity:0.8, backgroundColor:'#000'} );
    return false;
    }
function doOverlayClose() { // CLOSE OVERLAY
    isOpen = false; //SET STATUS TO CLOSED
        $('.overlayBox').css( 'display', 'none' );
        //$('.bgCover').animate( {opacity:0}, null, null, function() { $(this).hide(); } ); WON'T WORK IN IE7
        $('.bgCover').hide();
        }
$(window).bind('resize',showOverlayBox);// IF WINDOW IS RESIZED, REPOSITION OVERLAY
$('.launchLink').click( doOverlayOpen ); // OPEN OVERLAY WHEN a.launchLink CLICKED
$('a.closeLink').click( doOverlayClose ); // CLOSE OVERLAY WHEN a.closeLink CLICKED

В IE7 у меня нет проблем с открытием и закрытием окна контента - проблема с .bgCover. Он будет оживлен, но не будет оживлен с помощью $('.bgCover').animate( {opacity:0}, null, null, function() { $(this).hide(); } );. Он будет скрываться с: $('.bgCover').hide();, но затем не будет появляться, если снова наложить окно. (Нет проблем в других браузерах)

Есть идеи о том, что происходит?

Answer 1

Попробуйте

$('.bgCover').remove();

Я обнаружил, что использование hide () может быть проблематично с оверлеями.