Slide effect cause content to disappear

Hi,

I’m facing a problem where the whole page content disappear for the same amount of time the duration of the slide effect is.

Has anyone of you faced this issue?

My code:
let slideOptions = {
“duration”: 1000,
“delay”: 200,
“direction”: “bottom”
};

$w.onReady( function () {

$w("#group22").onMouseIn(() => { 
    $w("#group22").hide().then(() => { 
        $w("#group18").show("slide", slideOptions); 
    }); 
}); 

$w("#group18").onMouseOut(() => { 
    $w("#group18").hide().then(() => { 
        $w("#group22").show("slide", slideOptions); 
    }); 
}); 

});

Please see the following video I uploaded to YouTube to further understand the issue.

Please help me fix this issue. Thanks a lot :slight_smile: