使用 Jquery 或 JS 点击按钮显示和隐藏一段中的多个单词

Question

I have added one button in my web app. which is use full for users where users click on the button to show the right word on the paragraph.

for example "Lorem ipsum is dummy test." here TEST word is wrong, click on the 'Show Correct Answer' button to show the correct word after the wrong word, and again press button to hide correct word.

Here is my code for hide and show text but it is useful for only one word I need to apply in multiple words in one paragraph.

 function showhide() { var div = document.getElementById('newpost'); div.classList.toggle('hidden'); }

 .hidden{display: none;}.cans{background-color: red;}

 Question1: Lorem ipsum dummy text <div id="newpost" class="hidden cans">Answer1</div> Lorem Ipsum has been the industry's <div id="newpost" class="hidden cans">Answer2</div> to make a type specimen book <div id="newpost" class="hidden cans">Answer3</div>. <br><br> <button class="ans" id="button" onclick="showhide()">Show correct Answer</button>

Answer 1

You can use Jquery methods called.hide() or.show() to view or not your element. All you need to do is set an id to the element that you want to hide or show ad when the button is called you can call a function similar to this:

function hide(){
    $("#idofyourelement").hide();  
}

function show(){
    $("#idofyourelement").show();  
}