Q&Aを実装したい(Jquery)

Question

Jquery初心者です。どなたかご教授頂けると幸いです。
JqueryのtoggleでQ＆Aを作成しているのですが、
Qのリンクにマウスのカーソルを合わせても、イベントが実行されません。
どうしてなのかわからないので、教えて頂けるとありがたいです。
申し訳ありませんが、よろしくお願いいたします。

該当のソースコード

ソースコード

<script> $(function() { $('.question').click(function() { $('.question').not(this).next().slideUp(400); $(this).next().slideToggle(300); }); }); </script> <style> .bl-content-faq { width: 1000px; margin: 0 auto; } .bl-content-faq__item h3 { cursor: pointer; position: relative; margin-bottom: 0; padding: 10px 60px 10px 65px; border: none; font-size: 18px; font-weight: 700; line-height: 1.8; text-align: left; } .bl-content-faq__item h3::before { content: ""; width: 1px; height: 20px; background: #b81c22; position: absolute; right: 14px; top: 15px; } .bl-content-faq__item h3::after { content: ""; width: 20px; height: 1px; background: #b81c22; position: absolute; right: 5px; top: 24px; } .bl-content-faq__item h3 span { position: absolute; display: block; top: 0; left: 0; width: 50px; height: 50px; background-color: #b81c22; color: #fff; font-weight: 700; font-size: 26px; text-align: center; line-height: 46px; vertical-align: middle; } .bl-content-faq__a { display: none; position: relative; margin-top: 10px; padding: 7px 40px 0 65px; box-sizing: border-box; line-height: 1.8; } .bl-content-faq__a::before { content: "A"; position: absolute; display: block; top: 0; left: 0; width: 50px; height: 50px; border: 3px solid #b81c22; color: #b81c22; font-weight: 700; font-size: 26px; text-align: center; line-height: 40px; vertical-align: middle; } </style> <section> <div class="bl-content-faq"> <div class="bl-content-faq__item">

		<h3><span>Q</span>質問質問質問質問</h3>
			<div class="bl-content-faq__a">
			回答回答回答回答<a href="/">お気軽にこちらからご相談ください。</a>
			</div>
	</div>
</div>

</section>

試したこと

補足情報（FW/ツールのバージョンなど）

jQuery JavaScript Library v1.3.2

Answer 1

質問内のHTMLに question クラスが無いので $('.question').click が動作することはありません。

Comments

[mather]

どう修正すれば動くかはまずご自身で試してみてください。

[YUYUkonkon]

ありがとうございます！
単純なミスで申し訳ありません。。
大変たすかりました。実装してみます。