javascriptを使用してボタンのテキストを変更しますか？

Question

私はそのように動作するFAQリストを持っています：質問（テキスト）とボタン（「答えを見てください」と言う）を含むいくつかのミニカードがあります。ボタンをクリックすると、質問の答えがボタンの上に表示されます。次に、ボタンは「回答を見る」ボタンではなく、「近い」ボタンであるべきです。私はその最後の部分で少し助けが必要です。

<p>Question</p> 
<div class="collapse" id="FAQ"> 
    <div class="well"> 
     Answer to the question 
    </div> 
</div> 
<a class="btn" role="button" data-toggle="collapse" href="FAQ" aria-expanded="false" aria-controls="collapseExample">See the answer</a> 

サイドの質問：これはリストであると私はいくつかの「答えを参照してください/閉じる」ボタンを持っているつもりだから、私は私はありませんと言うでしょうがここで

は、私がやっていることです私はそれを働かせるためにIDを使用することを許可されましたか？

Answer 1

ボタンのテキストを$(".btn").innerHTML = "new text to be displayed"で動的に設定できます。最初のclick(function() {...})機能に入れてください。

いいえ、は複数の要素に同じIDを使用します。代わりにクラスを使用してください。 1つの要素に複数のクラスを持つことができます。たとえば、class="btn close"がある場合はtoggleClass("close")を使用して追加してください。ない場合は追加してください。ある場合は削除してください。