Bootstrap切换折叠 - 保持窗体打开,直到再次单击切换按钮

时间:2016-04-01 13:27:52

标签: jquery html twitter-bootstrap

我正在创建一个包含2个部分的注册表单,用户可以在其中输入信息,但我希望它们可以折叠。目前,我已经能够打开和关闭表格。单击按钮时窗体打开,但是当您单击页面上的任何其他位置时,窗体将再次关闭。

澄清:单击按钮后会打开表单,单击其他任何其他地方时会关闭,因为您无法选择输入框,因为只要您点击其他任何地方,表单就会关闭。

  

在再次单击按钮之前,如何使折叠切换保持为真?

代码:

l1

我错过了一些明显的东西吗?我对此很新,但我无法获得在网上找到的任何工作。

1 个答案:

答案 0 :(得分:-1)

很难说但它应该可以正常工作。只有一件事出现在我的脑海里。也许你的CSS有问题。

也许你很难定位这个按钮,它的区域覆盖了整个div #user_info 尝试在开发人员工具下进行检查。

我正在使用此代码,无论按钮定位如此糟糕,它都能正常工作。

如果你需要解决方案that makes div beeing still collapsed even while clicking the button again,我已经在这里提出了这个问题的答案

Keeping an uncollapsed element open if it's parent is clicked on again

$('.btn').click(function(e) {
target = $(this).data('target');
if($(target).is(':visible')){
    return false;
}
});