Javascript ボタンをクリックすると隠れていた文章がスライドし表示される仕様を作りたいです。

Question

##JavaScriptでボタンをクリック→表示・非表示切替

コーディング初心者です。
Q＆Aのページのコーディングで、JavaScriptを使用し
質問文をクリックすると、下へスライドして隠れていた文章が表示される
仕様を作っています。が・・・うまく動かなくて困っています。

【HTML】

<tr> 　　<th> 　　　　<button> 質問の文章 </button> 　　</th> 　　<td> 　　　　<div><p style="display: none;"> 質問の答え </p></div> 　　</td>

【JavaScript】
$(function (){
$('button').on('click',() => { $('p').slideToggle();
});
});

いくつかのブログやまとめサイト見ながら上記のように記述しましたが、
質問文がボタンになり、回答文が非表示になる、までは完了していますが
最後の「クリックすると、スライドして表示・非表示」がうんともすんともです。
わかる方、ぜひご回答よろしくお願いします・・・

Answer 1

こちらはご覧になったでしょうか。（↓）
http://semooh.jp/jquery/api/effects/slideToggle/%5Bspeed%5D%2C+%5Bcallback%5D/

$("button").click(function () {
  $("p").slideToggle();
});

Comments

[obebe_1103]

slideToggle使用して解決できました！
ありがとうございます。