切换一个元素会禁用其他元素

时间:2016-07-04 04:20:21

标签: javascript jquery css menu html-table

所以我有这段代码http://jsfiddle.net/GqS7W/

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

我将它应用到我的桌子上,但我需要按下一个按钮时其他按钮隐藏,就像菜单一样,我该怎么做?

3 个答案:

答案 0 :(得分:2)

这应该有效

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

答案 1 :(得分:0)

非常简单,我已更新http://jsfiddle.net/GqS7W/832/

$(document).ready(function(){
$(".toggler").click(function(e){
    e.preventDefault();
    $('.cat'+$(this).attr('data-prod-cat')).siblings('.item').slideUp();
   $('.cat'+$(this).attr('data-prod-cat')).slideDown();
});
});

答案 2 :(得分:0)

试试这个

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