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

Question

    <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从用户提示输入正确的密码后才会崩溃？或者可能会隐藏面板，直到用户输入密码？

Answer 1

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

preventDefault

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