データ切り替えが機能しない!助けてください.

1618 ワード

こんにちは、Udemy の先生と一緒にボタンを作りました.私も彼と同じ考えをしました.しかし、私のページではうまくいきません.私は何が欠けていますか?
ボタンを作成しましたが、クリックしてもテキストが開きません.

お返事ありがとうございます!

**<body class="w-75 mx-auto my-4">

    <p>
        <a href="#content" class="btn btn-dark bg-warning" data-toggle="collapse">Read More</a>
    </p>

    <div id="content" class="collapse">
        <h2>Lorem ipsum dolor sit.</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti sint nobis vero quaerat ad ex. Et,
            pariatur. Nemo, impedit. Eligendi exercitationem ea provident eos eum nesciunt deleniti quos debitis
            numquam?</p>
    </div>
**



    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
        integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
        integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
        crossorigin="anonymous"></script>
</body>

</html>