无法将 DIV 定位到 toggleClass 上的 .show()

Question

我正在尝试构建一个项目菜单，单击时会展开，但出于某种原因，我的 .show() 似乎不会影响我试图定位的 DIV - 它们只是保留隐。我设置了一个 JSFiddle：

$(document).ready(function () {

    $('.visa-class').click(function () {
        $('.visa-class').toggleClass('open');
    });

    if ($('li>.visa-info').hasClass ('open')) {
            $('.visa-info').show();
        } else {
            $('.visa-info').hide();
    }
});

http://jsfiddle.net/Bws3t/12/

在我可以让他们一起行动之后，除了单独命名每个部分之外，我不知道如何让他们单独行动 - 这有必要吗？

Answer 1

您需要在点击时切换元素：

$('.visa-class').click(function () {
    $(this).toggleClass('open');
    $(this).find('.visa-info').toggle($(this).hasClass('open'));
});

Working Demo

无法将 DIV 定位到 toggleClass 上的 .show()

Cannot target DIV to .show() on toggleClass

jquery

show

hide