通过向函数传递var来隐藏Div

Hiding Div by passing var to function

本文关键字:var 隐藏 Div 函数      更新时间:2023-09-26

我有一个导航菜单和基于哪个项目的用户点击我想向他们展示一个div,现在我的问题是,当他们点击一个新的菜单当前div需要再次隐藏,但我看不出如何通过var ?

$(document).ready(function () {
    $('.submenu > li > a').click(function () {
        $('#' + lastClicked).hide(); // hides previous div
        var menu = $(this).prop('id') + "_view";
        $('#news').hide();
        $('#' + menu).toggleClass("hidden");
        var lastClicked = menu;
    });
});

我意识到这是因为我没有通过lastClicked,但我该怎么做呢?

也使用toggleClass时,我发现唯一的是通过做'#'+菜单传递属性id,这是正确的吗?

在全局范围内定义lastClicked…

$(document).ready(function(){        
    var lastClicked = ''; 
    $('.submenu > li > a').click(function(){
        $('#'+lastClicked).hide(); // hides previous div
        var menu = $(this).prop('id') +"_view";
        $('#news').hide();
        $('#'+menu).toggleClass("hidden");
        lastClicked = menu;
    });
});