隱藏/顯示文字而不是圖像

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/