JavaScriptが実行できない。

Question

HTML内のJavaScriptの機能で、表示・非表示機能を追加したいと思っております。
HTML内に次のコードを書きました。

<script>
$(function() {
$('.display002').hide();
$('.display001').click(function(){
$('.display002').toggle('swing');
});
});
</script>

<button class="display001">ボタン</button>
<div class="display002">表示・非表示部分</div>

この状態でボタンをクリックしてもdisplay002の部分が表示されません。どうすれば良いのでしょうか。
どこか間違っている部分等はありますでしょうか？ご助言をお願いします。

Comments

[Lhankor_Mhy]

エラーメッセージや実行ログをコピー&ペーストしましょう
https://teratail.com/help/question-tips#questionTips3-4-2

Answer 1

jQueryを呼び込んでいないとかいうことはないですかね？

Comments

[yambejp]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('.display002').hide();
$('.display001').click(function(){
$('.display002').toggle('swing');
});
});
</script>
<button class="display001">ボタン</button>
<div class="display002">表示・非表示部分</div>

Answer 2

自己解決しました。
いろいろ改善を試みていたのですが、気づいたら実行できるようになっており、どのような方法を用いたかは不明です。申し訳ございません。

Answer 3

コンソール上ではエラーメッセージなど出てますか?