Hide answer initially and show when click on show answer button

Question

I want to hide the answer by default on the questions page and it should be visible only when someone click on a similar button as "post answer" Like " View answer" ... Then only the answer should be visible.

Please advise which file and what code can be done for this?

Answer 1

it require some js and css

css:

.qa-a-list {

    display: none;

}

.qa-a-list.active{

    display: block;

}

 js:

document.getElementById("a_list_title").onclick = function () {

    document.getElementById("a_list").classList.toggle("active");

}

Comments

it works but how to see that answer if the questioner want to see the answer

---

suppose i am a teacher, i have ask a question(Answer this question......) and student sent me the answer but i (teacher) only want to see the answer and other student cant see that answer

---

@momin please help me

---

use google classroom