How to Perform show/hide toggle using JavaScript on a salesforce visualforce page?

Hi Sushant,

You will have to implement this by changing the style for each part of your page that you wish to hide and show. Something like:

<button onclick=”myFunction()”>Try it</button>

<div id=”myDIV”>
This is my DIV element.
</div>

<script>
function myFunction() {
var x = document.getElementById(‘myDIV’);
if (x.style.display === ‘none’) {
x.style.display = ‘block’;
} else {
x.style.display = ‘none’;
}
}
</script>