Question

我的投资组合页面上有几个flexsliders，每个都在我的不同项目中滑动。

当您悬停或点击.flexslider时，我会将类.captions向上滑动。

如何将其悬停在当前的.flexslider上，只是flexslider的.captions向上滑动。现在，如果你将鼠标悬停在一个.flexslider上，所有flexsliders上的.captions会向上滑动。这是有道理的，我只是不知道如何说，只是为了这个课程。它不起作用，但在我脑海中，我想它是这样的：

$("this").find(".caption" ).slideToggle( "1000", "linear" );

以下是我目前的情况：

var hoverOrClick = function () {
            $(".caption" ).slideToggle( "1000", "linear" );
        }

        $('.overlay').click(hoverOrClick).hover(hoverOrClick);

谢谢！

编辑：.overlay与.flexslider

相同

编辑2：相关HTML

<div class="flexslider">
                <div class="overlay"></div>
                <div class="caption">Hey yo this is a caption.</div>
                <ul class="slides">
                    <li><img src="images/wrightspread.jpg" alt="Science Museum Brochure"></li>
                    <li><img src="images/wrightspread2.jpg" alt="Science Museum Brochure"></li>
                    <li><img src="images/wrightspread3.jpg" alt="Science Museum Brochure"></li>
                </ul>
            </div>

Answer 1

由于caption是overlay的下一个兄弟，因此您需要使用.next()

    var hoverOrClick = function () {
        $(this).next(".caption" ).slideToggle( "1000", "linear" );
    }

选择一个类的当前元素

1 个答案: