我可以让一个bootstrap可折叠面板只在密码后崩溃吗?

时间:2016-06-03 21:38:56

标签: javascript jquery css twitter-bootstrap

    <div class="panel-group">
     <div class="panel panel-default">
      <div class="panel-heading">
       <h4 class="panel-title">
       <a data-toggle="collapse" href="#collapse1">Collapsiblepanel</a>
       </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse">
     <div class="panel-body">Panel Body</div>
    <div class="panel-footer">Panel Footer</div>
  </div>
</div>


说我有这样的东西,无论如何,我可以做到这一点只有在用户使用Javascript从用户提示输入正确的密码后才会崩溃?或者可能会隐藏面板,直到用户输入密码?

1 个答案:

答案 0 :(得分:0)

您可以捕获string()show.bs.collapse个事件,并使用hide.bs.collapse来停止显示或隐藏可折叠内容。这是一个带有简单确认框的示例。

preventDefault

您可以使用相同的原则来请求和检查密码。但是,当然,为了使其安全,密码检查将需要进行服务器调用,例如,使用$ .ajax。