我有一个表单,横跨几个现成的Bootstrap折叠板。它们在鼠标单击时可以正确地切换 - 现在我想实现一种通过任何事件打开关闭的方式,该事件会在从当前打开的窗格的最后一个输入上跳出选项卡时触发。
也就是说,在我遍历打开面板的输入字段时,我可以从一个输入到下一个输入进行选项卡 - 当我从最后一个输入进行选项卡时,焦点转到下一个窗格的相应标题区域。我希望选项卡到该标题区域的行为会触发.collapse('toggle')
;
我尝试了几种变化:
$('#collapseAcct').focus(function () {
$('#collapseAcct').collapse('toggle');
});
我也尝试使用:parent
来追溯家族谱,但没有找到关键点。我的面板结构如下:我使用了3个面板,其中唯一的标识符是嵌套在
结构中的一层。基本上与BS的文档差不多。例如一个面板的结构:
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#createUserPanes" href="#collapseAcct">Account</a>
</div>
<div id="collapseAcct" class="accordion-body collapse">
<div class="accordion-inner">
<div>content</div>[and everything wraps out accordingly]