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

当我从顶部菜单悬停伪链接时，我想显示相应的

文本

，而不是

图像

我得到了类似的东西

面临着文本不符合标准的问题 放置图像，脚本正在处理中 向下移动到较低的块内容

$('.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();
    }
});

---

要使span浮动在图像上，请使span

位置：绝对

，容器

位置：相对

.teasers-menu li{
    position:relative;
}

.teaser, .spoiler { 
     position:absolute;
 }

---

要使span浮动在图像上，请使span

位置：绝对

，容器

位置：相对

.teasers-menu li{
    position:relative;
}

.teaser, .spoiler { 
     position:absolute;
 }

---

要使span浮动在图像上，请使span

位置：绝对

，容器

位置：相对

.teasers-menu li{
    position:relative;
}

.teaser, .spoiler { 
     position:absolute;
 }

---

要使span浮动在图像上，请使span

位置：绝对

，容器

位置：相对

.teasers-menu li{
    position:relative;
}

.teaser, .spoiler { 
     position:absolute;
 }