JQuery在点击时过滤行

时间:2012-09-05 10:36:43

标签: jquery filter twitter-bootstrap onclick

我回复了一个关于我的Collapsing表的新问题,点击了Jquery行过滤器。我认为这个问题对于专家来说应该非常简单。 如果你折叠桌子,你会看到“FondosDeInversión”和“Sociedades”。

我已经点击了两个跨度类“fondos”和“sociedades”的Jquery过滤器,所以这将删除“Fondos”行(f)或“Sociedades”行(s)取决于你单击。直到这里一切都很好,问题是我不想在我点击Sociedades然后点击Fondos之后显示任何行,因为显然我想删除所有行。

希望问题解释清楚

如何实现这一目标?

这是我的案例:http://jsfiddle.net/hAv7P/17/

1 个答案:

答案 0 :(得分:0)

你没有删除任何东西,你只是隐藏和展示东西,toggle()似乎更适合你正在做的事情:

$(function() {
    $('.accordion').on('show hide', function(e) {
        $(this).find('.accordion-toggle i').toggleClass('icon-arrow-down icon-arrow-up', 200);
    });

    $('.accordion-body').collapse();

    $(".fondos").on('click', function() {
        $("tbody .f").toggle();
    });

    $(".sociedades").on('click', function() {
        $("tbody .s").toggle();
    });
});​

FIDDLE