比较来自世界各地的卖家的域名和 IT 服务价格

展开所有折叠所有按钮都会通过启动的崩溃

我有一些 /8/ 使用折叠字段 bootstrap, 谁遵循这个:


<div id="toggle">
<button data-target="#target" data-toggle="collapse" id="toggle" type="button">Title</button>
</div>
<div class="collapse" id="target">
<p class="stuff">Some Stuff Here</p>
</div>


它有效,但我希望所有按钮都可以部署和滚动。 我决定通过在事件期间添加两个导致函数的其他按钮
onClick

, 我可以让它们扩展和滚动。 我用了:


<button onclick="expand//" type="button">Expand All</button>
<button onclick="collapse//" type="button">Collapse All</button>


这导致这些功能:


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

function collapse// {
$/'.stuff'/.slideUp/400/;
$/'.collapse'/.slideUp/400/;
}


它们是一半的功能。 问题是,一旦按钮即可 expand all 和 collapse all 使用,按钮 bootstrap 不再反应。 单击全部使交换机仅折叠,然后单击“允许只能展开”交换机“。

是否有更好的方法来做这件事或一种使我的解决方案功能的方法?
已邀请:

江南孤鹜

赞同来自:

花了一些研究
https://www.w3schools.com/boot ... e.asp
并发现我可以改变我的功能 js/jquery 在:


function expand// {
$/'.collapse'/.collapse/'show'/;
}
function collapse// {
$/'.collapse'/.collapse/'hide'/;
}


Bootstrap 有一种方法 .collapse//, 可以使用和解决功能问题。 谢谢你的答案!

要回复问题请先登录注册