twitter bootstrap - Change the text in a button using javascript? -
this question has answer here:
i have faq list works way : there several mini cards contain question (some text) , button (let's "see answer"). when click on button, answer question appears above button. button should not "see answer" button, "close" one. need little last part.
here have done :
<p>question</p> <div class="collapse" id="faq"> <div class="well"> answer question </div> </div> <a class="btn" role="button" data-toggle="collapse" href="faq" aria-expanded="false" aria-controls="collapseexample">see answer</a>
side question : since list , i'm going have several "see answer/close" buttons, i'm not allowed use id make work, ?
you can dynamically set text on button $(".btn").innerhtml = "new text displayed"
. put in first click(function() {...})
function.
and no, never use same id multiple elements. use classes instead. can have multiple classes on 1 element. example may have class="btn close"
, use toggleclass("close")
add when it's not there, remove when is.
Comments
Post a Comment