Javascript 使用jquery隐藏div，但可以'；I don’’我没有制定出针对正确div的逻辑

目前，我正在尝试在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>

---

我做错了什么？

最近的人必须是父母。您需要在那里使用兄弟姐妹。

使用“先”而不是“最近”：

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

---

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

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

---

将

最近的

替换为

下一个

，您要显示/隐藏的图库是您单击的

h3

的下一个相邻兄弟，而不是

h3

的某个父图库（在这种情况下，我们将使用

最近的

向上遍历）。下一个图库非常有效，国王欢呼

$(document).ready(function () {
    $(".visible-toogle").click(function () {
        var result = $(this).text();
        var hText = result.indexOf("Hide") > -1 ? ">> Show gallery" : ">> Hide gallery";
        $(this).text(hText);
        //slide toggle.
        $('.gallery-wrapper').find(".galleria").slideToggle(500, function () {

        });        
    });
});

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