jQuery Nivo滑块标题

Question

我正在使用Drupals Nivo Slider模块，并希望标题在鼠标悬停在div滑块上时向上滑动，并在鼠标离开div时消失。 我有一个想通了，但我遇到的问题是从模块的HTML有显示的内嵌样式：块，这让标题出现，我不希望字幕显示直到有人鼠标经过。 现在，我必须将鼠标悬停在上面以摆脱display：block，然后由于我使用的mouseleave事件而起作用。

奇怪的是这个问题不上来直到第三图像，因为第一映像没有一个标题和第二图像不会是我想要直到有人鼠标经过未显示说明什么。 这是当图像淡入这显示他们的标题，第三，第四和第五映像我尝试添加显示：！没有我的CSS重要，使得字幕不会出现在所有。 这是我的jQuery，非常感谢您的帮助，很抱歉，花了这么多文字来解释我的问题。

        $('.nivo-caption').css('display', '');

        $('#home_slider').hover(function(){
                $('.nivo-caption p').slideToggle('fast');
        }); 

        $('#home_slider').mouseleave(function(){
                $('.nivo-caption p').css("display", "none");
        });

Answer 1

这个怎么样？

    $('.nivo-caption').hide();

    $('#home_slider').hover(
        function(){
            $('.nivo-caption').show('fast');
        },
        function(){
            $('.nivo-caption').hide('fast');
        },
    );