用于控制自举手风琴的多个按钮

Question

我正在制作由其他人创建的bootstrap/wordpress网站。 我所做的更改位于客户预订页面上，在选择了产品信息后，客户预订页面上会有一张手风琴表格，用于显示用户详细信息。我正在做的改变意味着现在有2个按钮email和call。当用户点击其中一个验证脚本在产品信息上运行时，应打开联系人详细信息手风琴。如果email按钮被选中，然后call按钮，然后窗体需要保持打开状态，只有关闭是相同的（活动）按钮再次被点击。

问题我现在的手风琴系统是在验证脚本完成之前打开的，如果我在验证脚本之后尝试使用函数而不是原始手风琴系统$(this).collapse('toggle');来调用崩溃函数，该功能不存在。 我不知道如何使这项工作

<div> 
    <a class="btn-email" data-toggle="collapse" data-parent="#booking" href="#body-four" aria-expanded="false" aria-controls="body-four" onclick="$('#promo').removeClass('flip-container-two flip-container-three flip-container-four');$('#promo').addClass('flip-container-four');" href="#">Email</a> 
</div> 

<div> 
    <a class="btn-call" data-toggle="collapse" data-parent="#booking" href="#body-four" aria-expanded="false" aria-controls="body-four" onclick="$('#promo').removeClass('flip-container-two flip-container-three flip-container-four');$('#promo').addClass('flip-container-four');" href="#">Call Back</a> 
</div> 

<div id="body-four" class="collapse closed" aria-labelledby="heading-four"> 
    ... 
</div> 

我需要能够点击一个按钮和运行，我可以激活内

Answer 1

jQuery的崩溃不具有的功能称为collapse()的功能，但它的一些扩展。但是，这不是Bootstrap的工作方式。 Bootstrap使用data-toggle属性作为内部工作内存。在正常使用情况下，按下手风琴按钮可能会简单地从data-toggle属性中添加或删除closed属性，或者可能会运行附加到该按钮的其他脚本。但是，您可以先在控制台中尝试简单地删除closed属性，以查看是否能为您提供所需的效果。如果是这样，那么你可以使用jQuery $(this).attr("data-toggle", "closed");，假设你已经选择了元素并正确捕获了它的点击事件。