隐藏/显示文本而不是图像

Question

当我从顶部菜单悬停伪链接时，我想显示相应的text而不是image。

我有类似的东西。

面对文本没有上升到的问题 放置图像并正在处理脚本 向下移动到较低的块内容。

$('.spoiler').hide();
$('.pseudo-top-menu .pseudo-link').on({
    mouseenter: function() {
        var index = $(this).parent().index() + 1;
        $('.t' +index).fadeOut();
        $('.t' +index+ '+.spoiler').fadeIn();
    },
    mouseleave: function() {
        var index = $(this).parent().index() + 1;

        $('.t' +index+ '+.spoiler').fadeOut();  
       $('.t' +index).fadeIn();
    }
});

Fiddle

Answer 1

要跨越图像，请设置范围position:absolute和容器postion:relative

.teasers-menu li{
    position:relative;
}

.teaser, .spoiler { 
     position:absolute;
 }

https://jsfiddle.net/v3k8re1p/7/