Q&A
ありがとうございます！
解決できました！！
前提・実現したいこと
HTMLでコードの練習をしています。
テキストの通り書いているつもりですがコラプスが正しく動作しません。
グーグルクロームにて、コラプスのボタンを押しても開閉しません。
何か誤りがあるのでしょうか・・・？
ちなみにその前に行っていたクローズボックスもクリックできますがアラートを消すことができませんでした。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Hello!</title> 6 <link rel="stylesheet" 7 href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css"> 8</head> 9<body class="container"> 10 <h1 class="display-4 text-center">Hello!</h1> 11 <p> 12 <a class="btn btn-primary" data-toggle="collapse" 13 href="#collapse" role="button"> 14 show/hide collapse 15 </a> 16 </p> 17 <div class="collapse" id="collapse"> 18 <div class="card card-body"> 19 これはコラプスで表示されるコンテンツです。 20 </div> 21 </div> 22</body> 23 24</html>
試したこと
コードの見直し
問題の検索
回答2件
0
Bootstrapを使用していると思いますが、
Jqueryや必要なプラグインがあると思います。
導入の手順を確認して再度試してみてください。
追記：CollapseはBootstrapの機能なので、
使用している事が分かるようにタグや質問内に含めたほうが良いと思います。
投稿2020/04/27 14:42
編集2020/04/27 14:48
退会済みユーザー
総合スコア0
0
ベストアンサー
これのことでしょうか。
【Collapse · Bootstrap】
https://getbootstrap.com/docs/4.3/components/collapse/
それであれば、JavaScriptを読み込んでいないことが原因なのでは。
【Introduction · Bootstrap】
https://getbootstrap.com/docs/4.3/getting-started/introduction/#js
投稿2020/04/27 14:41
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/29 14:14