Jquery 引导卡折叠不工作_Jquery_Html_Collapse

Jquery 引导卡折叠不工作

jquery html

Jquery 引导卡折叠不工作,jquery,html,collapse,Jquery,Html,Collapse,我想在每页上有几张卡片是可折叠的/手风琴的。我已经看到，当您没有Jquery时会发生这个问题，但我已经链接了它，它也在我的引导之上。我错过了什么 <body> <div class="container"> <h1 class="text-center">Woodworking Guide</h1> <p class="page-description"></p> </div> <div

我想在每页上有几张卡片是可折叠的/手风琴的。我已经看到，当您没有Jquery时会发生这个问题，但我已经链接了它，它也在我的引导之上。我错过了什么

<body>
<div class="container">
    <h1 class="text-center">Woodworking Guide</h1>
    <p class="page-description"></p>
</div>

<div class="container" id="wwg-accordian">

    <div class="card">

        <div class="card-header" id="typesofwood-heading">
            <h2>
                <a data-toggle="collapse" data-parent="wwg-accordian" href="#types-of-wood">Types of Wood</a>
            </h2>
        </div><!--card header-->

        <div class="collapse show" id="types-of-wood">
            <div class="card-block">
                <p> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, bu</p>
            </div>
        </div>
    </div><!--card-->
</div><!--container-->

</body>
<footer>

</footer>
<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/index.js"></script>
</html>

这就是您犯错误的地方：data parent=wwg accordian 将其更改为：data parent=wwg accordian

木工指南

自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且

我在看关于琳达的教程，但他们没有包括。嗯，谢谢你，现在可以用了。