JQuery if / else with show/hide答案

【问题标题】：JQuery if / else with show/hideJQuery if / else with show/hide
【发布时间】：2013-03-07 13:37:30
【问题描述】：

我有一些 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);
        }
    });
});

【问题讨论】：

能否也显示相关的HTML代码？
你能在jsfiddle.net创建一个演示吗

标签： jquery class if-statement show-hide

【解决方案1】：

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

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

【讨论】：

谢谢你，这成功了:)

【解决方案2】：

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

您可能还想看看这个 Visibility/Hidden info.

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

【讨论】：