单击时消失Bootstrap折叠文本

时间:2018-12-06 22:06:52

标签: html css

我想制作一个左侧带有侧栏的页面,但是当我单击一个标签时,它显示了动画,但随后消失了;当再次单击它时,它显示了关闭的动画,问题是当我单击它时第一次应该保持打开状态,直到我再次单击它。 (切换)https://jsfiddle.net/tkeuper/rnwbdcye/

                                <a class="nav-link px-4" href="#paymentsNav" data-toggle="collapse"><i class="fas fa-credit-card"></i>
                                <span>Payments</span><i class="fal fa-chevron-down mr-0 float-right"></i></a>

                            <div id="paymentsNav" data-parent="#accordion" class="collapse ">

我试图使它正常工作,但我无法弄清楚问题所在。 https://drive.google.com/drive/folders/1Zg9fi3trfXE5cK7lnD4A7SO4YrKTBWEU?usp=sharing我注意到jsfiddle的加载速度非常慢,原因是使用了css标签,因此我也将其上传到了Google驱动器中。

编辑:如果我将“ show”放在div的类中,它确实起作用

非常感谢

汤姆·库珀

0 个答案:

没有答案