选中复选框时折叠的工具栏

Question

这可能是基本的东西，但是我是Bootstrap和jQuery的新手

我有一张桌子，每行都有一个复选框。

我正在尝试选中至少一个复选框时显示折叠的元素

截至目前，它在每个复选框单击时都折叠

#Foo.collapse
  | This div (Foo) is hidden by default

td
  label(data-toggle='collapse', data-target='#Foo')
    input(type="checkbox", value=i, name="checkbox")

Answer 1

花了我一段时间，但这对我有用。

$(".check").click(function(){
  var n = $("input:checked").length;
  if (n > 0) {
    $(".collapse").collapse('show');
  } else {
    $(".collapse").collapse('hide');              
  }
});

---

input.check(type="checkbox", value=i, name="checkbox")