How to show and hide a paragraph in html when a button is clicked?

Question

I have the following query. I have a <pre> tag and it has some text inside but i want to hide <pre> when a button is clicked. Following images shows code:

When this addNewTest() function is called on click, I want <pre> to be hidden. How can i achieve this?

Answer 1

Add an id:

<pre id="myId" ....

And then hide it with jquery:

addNewTest = function() {
    $('#myId').hide();
});

or without jquery:

addNewTest = function() {
    document.getElementById('myId').style.display = 'none';
});