画像にカーソルを合わせると機能するこのコードがありますが、スパンにカーソルを合わせると不透明度0に戻ります。また、最初の画像にスパンが表示されませんか?
$(document).ready(function() {
var $img = $('.carousel-inner li img'),
$text = $('.carousel-inner li span');
$img.hover(function() {
$text.stop().animate({
opacity: 1,
height: '75px'
}, 500);
},function() {
$text.stop().animate({
opacity: 0,
height: '0px'
}, 500);
});
});
ここで例を見ることができます