jquery - JQuery if / else with show/hide

Question

我有一些 div ( title)。当我按下时，可以说div1，字幕显示。当我按下另一个 div 时，可以说div2，然后div1隐藏并div2显示。

我想要的是，当我按下div1，然后div1再次按下时，它会隐藏起来。您可以在 if/else 语句中看到我尝试过的内容。

希望有人可以在这里帮助我。

$(document).ready(function()
{
    $(".title").click(function()
    {
        var $element = $(this);

        $(".open").removeClass("open");
        $('.subtitle').hide(500);

        $element.toggleClass('open');
        $element.children('.subtitle').toggle(500);

        if($(this).hasClass() == "open")
        {
            $element.children(".subtitle").hide(500);
        }
    });
});

Answer 1

在这种情况下，切换是正确的方法。

您可能还想查看此 可见性/隐藏信息。

它涵盖了如何检查 CSS 可见性、CSS 显示以及实际元素的可见性。从那些你可以根据所讨论的“隐藏”执行任何标准条件语句。在某些情况下，有些人可能比其他人工作得更好。

Answer 2

$(this).hasClass() == "open"应该$(this).hasClass('open')

在里面if你不应该显示字幕而不是隐藏它吗？