Javascript 单击其他div时隐藏div

当我打开一个

div

并单击另一个它关闭时，如何切换？以下是我的Javascript：

$(function () {
    $('.expander').live('click', function () {
        $('#TableData').slideToggle();
        return false;
    });
     $('.expander2').live('click', function () {
        $('#TableData2').slideToggle();
        return false;
    });
});

$（文档）.ready（函数（）{
$（“#TableData”）.hide（）；
$（“.expander”）.show（）；
$（'.expander'）。单击（函数（）{
$（“#TableData”）.slideToggle（）；
返回false；
});
$（“#TableData2”）.hide（）；
$（“.expander2”）.show（）；
$（'.expander2'）。单击（函数（）{
$（“#TableData2”）.slideToggle（）；
返回false；
});
});
#表数据2{
显示：无；
}

扩展器
扩展器2

表1
TableData2
你能说得更清楚一点吗？你能解释一下什么现在不起作用吗？你被困在哪里？
live（）
很久以前就被弃用了。如果您使用的jQuery版本高于1.7（您确实应该这样做），请改用
on（）
的委托形式。对不起。我有两个按钮，当我点击一个按钮时，它会展开。当我点击第二个按钮时，它会在下面展开。我希望能够在我单击其中一个，然后单击另一个时关闭第一个，并且仅显示第二个。我只想一次显示一个div。还有一个问题。如果我想这样做，当我在div已经打开的情况下单击按钮，使其再次关闭时，我将如何执行该操作？如果它是可见的，则添加If语句-hide else show您可以提供一个示例吗？我是javascrpt新手，所以我不太懂语法。非常感谢！你今天真的帮了我大忙。嗨，幸运的是，你认为你能像以前那样帮我处理if语句，在另一个部门打开时关闭该部门吗？