多个按钮来控制引导手风琴

Question

我正在开发由其他人构建的引导程序/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");，假设您已经选择了元素并正确捕获了它的点击事件。