javascript - テキストエリアのテキストに基づいてリンクをクリック可能またはクリック不可にする方法は?

Question

リンク「ありがとう」と「頑張って」をクリックすると、ユーザーがテキストエリアにテキストを自動的に挿入できるWebサイトを開発しています。どのリンクをクリックすると、そのリンクは非表示になります。これで、リンクをクリックしたときにテキストをテキストエリアに挿入できます。ユーザーが両方のリンクをクリックしないと、テキストエリアの下のツイートリンクはクリックできなくなり、ユーザーが両方のリンクをクリックした後、ツイートリンクはクリック可能になります。

これが私の現在のコードです

HTML

<a class="click" href="">Thank you</a><span style="display: none;">Thank you</span>&nbsp;
<a class="click" href="">Good luck</a><span style="display: none;">Good luck</span><br/>
<textarea rows="5" cols="40" name="replycontent" id="replycontent"></textarea><br/>
<a id="tweet" href="#">Tweet</a>

Javascript

$(".click").on('click',function(e) {
    e.preventDefault();
    $("#replycontent").append($(this).next('span').text() );
    $(this).hide();
})

上記の要件について誰か助けてもらえますか？

少し早いですがお礼を。