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（）

1 个答案: