addClassが反映されない（文章をさらに表示する）

Question

###実現したいこと
ある要素がクリックされたら、addClassで、その要素にdesplay:none;をつけて消したい。
slideToggleの反応しています。

<div class="message-box"><h2>文章</h2>
<span id="message-btn">さらに表示する</span><br><br>
<div id="message-content">
●中身
</div>

$('#message-btn').click(function(event) {
      $('#message-content').slideToggle(300);
      $(this).addClass('#message-hide');　＃こちらを追加したが反映されない
    })

#message-second{
	display:none;
}
#message-hide{
	display:none;
}

お分かりの方ぜひご教示お願いします。

Answer 1

   // $(this).addClass('#message-hide');　＃こちらを追加したが反映されない
      $(this).addClass('message-hide');//　＃こちらを追加したが反映されない

/* #message-hide{ */
.message-hide {
    display:none;
}

Comments

[tomtom1]

そうですね、.addClassなのでクラスにしないとですね。ありがとうございます！解決しました！