jquery nivo滑块标题

我正在使用Drupals Nivo Slider模块，希望当鼠标悬停在sliders div上时标题向上滑动，当鼠标离开div时标题消失。我已经解决了这个问题，但我遇到的问题是模块中的html具有内联显示样式：block，它使标题出现，我不希望显示标题直到有人把鼠标移到上面。现在，我必须将鼠标移到它上面以摆脱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");
        });

这个怎么样

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

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

---

仍然在复习你的问题，但第一件事是。您还可以执行$（'.nivo caption p'）.hide（）；