Bootstrap 第一次按下按钮时HTML引导程序崩溃不工作

kqlmhetl  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(155)

你能帮我的引导和javascript崩溃吗?我有两个崩溃卡。第一个卡应该比你点击链接可见。点击后应该显示下一个卡,第一个应该消失。它是功能,但在第一次点击有两个卡。这是修复后,第二次点击。谢谢你的帮助。
于飞:

<div class="card text-center">
      <div class="card-header ">           
             <a class="nav-link" id="spust" href="#">Kontaktní formulář</a>

      </div>
   <div id="kontakty">     
   </div>

   <div class="collapse" id="konform">
   </div>
</div>

Javascript语言:

var collapsestate = false;
jQuery('#spust').on("click",function(e) {

if (collapsestate == false){

      $('#kontakty').collapse('hide');
      $('#konform').collapse('show');
      collapsestate = true;
}
else{
    $('#konform').collapse('hide');
    $('#kontakty').collapse('show');
    collapsestate = false;
}
console.log(collapsestate);
});
pnwntuvh

pnwntuvh1#

我想这段代码是符合你的要求的。
第一个

5vf7fwbs

5vf7fwbs2#

您可以添加“display:none”以使“kontakt”在单击之前不可见:

<div id="kontakty" style="display:none">
</div>

相关问题