javascript - 使用 jquery 隐藏 div 但无法计算出针对正确 div 的逻辑

Question

目前我正在尝试在 h3 标签上添加一个鼠标点击事件监听器，当这个标签被点击时它会滑动切换一个 div。

这是我的 HTML

<div class="gallery-wrapper">
                <h3 class="visible-toogle"> >> Hide gallery</h3>
                <div class="galleria">
                    <img src="../Images/spherefactor_001.png" data-title="Sphere factor image 1" data-description="Sphere factor">
                    <img src="../Images/spherefactor_002.png" data-title="Sphere factor image 2" data-description="Sphere factor">
                    <img src="../Images/spherefactor_003.png" data-title="Sphere factor image 3" data-description="Sphere factor">
                </div>
            </div>

这是我的javascript

    $( document ).ready(function() {
        $(".visible-toogle").click(function ()
        {
            var result = $(this).text();
            if(result == " >> Show gallery")
            {
                $(this).text(" >> Hide gallery");
            }
            else
            {
                $(this).text(" >> Show gallery");
            }

            $(this).closest(".galleria").slideToggle( "slow", function()
            {

            });
        });
    });

我做错了什么？

Answer 1

在 jQuery 中使用 next 可能对您有帮助

$(this).next("div").slideToggle("slow", function () { });