Javascript 切换一个元素将禁用其他元素

所以我有这个密码

我把它应用到我的桌子上，但我需要当按下一个按钮时，其他按钮隐藏起来，比如菜单，我怎么能做到这一点呢

$(document).ready(function(){
    $(".toggler").click(function(e){
        e.preventDefault();
        $('tr[class^=cat]').hide();
        $('.cat'+$(this).attr('data-prod-cat')).show();
    });
});

这应该行得通

$(document).ready(function(){
    $(".toggler").click(function(e){
        e.preventDefault();
        $('tr[class^=cat]').hide();
        $('.cat'+$(this).attr('data-prod-cat')).show();
    });
});

---

很简单，我已经更新了

---

很简单，我已经更新了

试试这个

$(document).ready(function(){
$(".toggler").click(function(e){
    e.preventDefault();       
    $(".toggler").parent().parent().toggle();
    $(this).parent().parent().show();        
    $('.cat'+$(this).attr('data-prod-cat')).toggle();
});
});

试试这个

$(document).ready(function(){
$(".toggler").click(function(e){
    e.preventDefault();       
    $(".toggler").parent().parent().toggle();
    $(this).parent().parent().show();        
    $('.cat'+$(this).attr('data-prod-cat')).toggle();
});
});

---

非常感谢。这正是我要找的！，但我想知道，有没有可能为切换添加一些过渡或效果；例如，您可以更改密码。谢谢！这正是我要找的！，但我想知道，有没有可能为切换添加一些过渡或效果；例如，您可以更改。