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

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

并且在if里面你不应该显示副标题而不是隐藏它吗？

Answer 2

在这种情况下，

Toggle是正确的方法。

您可能还想查看此内容 Visibility/Hidden info.

它介绍了如何检查CSS可见性，CSS显示以及实际元素可见性。从那些你可以做任何标准的条件语句取决于有问题的“隐藏”。在某些情况下，有些人可能比其他人工作得更好。

jQuery if / else with show / hide

2 个答案: