jQuery点击切换

时间:2014-03-15 14:37:28

标签: javascript jquery

我的脚本中有这段代码:

$(document).ready(function() {
    $('*').not('div#user').click(function() {
        $('div#userSettings').hide();
    });
    $('div#user').click(function() {
        $('div#userSettings').toggle();
        $('div#profileSettings').toggleClass('rotate');
    });
});

我需要隐藏div#userSettings,只要点击它的按钮或其自身,我就希望它只在我点击div#user时显示。

toggleclass仍然有用,只是div#userSettings根本没有出现

1 个答案:

答案 0 :(得分:3)

您可以停止事件传播

$(document).ready(function () {
    $(document).click(function (e) {
        $('#userSettings').hide();
    })
    $('#user').click(function (e) {
        e.stopPropagation();
        $('#userSettings').toggle();
        $('#profileSettings').toggleClass('rotate');
    });
    $('#userSettings').click(function (e) {
        e.stopPropagation();
    });
});

演示:Fiddle