小编Kyn*_*eco的帖子

使用 Bootstrap Collapse 展开全部和折叠所有按钮

我有一些使用 bootstrap 的可折叠字段,如下所示:

        <div id='toggle'>
            <button type='button' data-toggle='collapse' data-target='#target' id='toggle'>Title</button>
        </div>
        <div id='target' class='collapse'>
            <p class='stuff'>Some Stuff Here</p>
        </div>
Run Code Online (Sandbox Code Playgroud)

这工作正常,但我想展开所有按钮并折叠所有按钮。我认为通过添加另外两个在onClick事件期间调用函数的按钮,我可以使它们展开和折叠。我这样做是使用:

<button type="button" onclick="expand()">Expand All</button>
<button type="button" onclick="collapse()">Collapse All</button>
Run Code Online (Sandbox Code Playgroud)

调用这些函数:

function expand() {
    $('.stuff').slideDown(400);
    $('.collapse').slideDown(400);
}

function collapse() {
    $('.stuff').slideUp(400);
    $('.collapse').slideUp(400);
}
Run Code Online (Sandbox Code Playgroud)

这些都是半功能性的。问题是,一旦使用了全部展开和全部折叠按钮,引导按钮将不再响应。单击全部折叠使切换仅折叠,单击全部展开使切换仅展开。

有没有更好的方法来做到这一点,或者让我的解决方案发挥作用?

javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-accordion

5
推荐指数
1
解决办法
1万
查看次数

JS限制一个数字的小数位数

我有一个 js 可以获取值、乘法、求和、除法,然后将它们放入表格的单元格中。结果可以达到(我认为)小数点后 15 位。我如何将其限制为两个?

例如:数学运算结果:5.223567 我想要:5.22

我想截断或舍入剩余的小数位。我对需要 js 之外的资源的解决方案持开放态度,但如果存在,我更喜欢 js 解决方案。

javascript

0
推荐指数
3
解决办法
9882
查看次数