/Html/Html how to hide and show multiple

Html how to hide and show multiple

function ToggleVisibility(divClass)
{
    var els = document.getElementsByClassName(divClass);
    for(var i = 0; i < els.length; i++)
    {
        els[i].style.visibility = els[i].style.visibility == "hidden" ? "visible" : "hidden";
    }
}

Source: stackoverflow.com

Html how to hide and show multiple

<div class="hide1">One</div>
<div class="hide2">Two</div>

<a href="#" onclick="ToggleVisibility('hide1'); return false;">One</a>
<a href="#" onclick="ToggleVisibility('hide2'); return false;">Two</a>
<a href="#" onclick="ToggleVisibility('nosuchclass'); return false;">No hide</a>

Source: stackoverflow.com

Similar codes

0 vote239 views1 answer
Html-pdf Error: html-pdf: Received the exit code '127'
Html
2 votes177 views1 answer
Email css
Html
0 vote236 views1 answer
How to disable shadow in bootstrap button
Html
1 vote239 views1 answer
Spacing between columns bootstrap 5
Html
0 vote311 views1 answer
Coreui dropdown
Html
13 votes258 views3 answers
Have a transparent div on an image html
Html
5 votes232 views1 answer
Js html textbox on change
Html
9 votes245 views3 answers
Bootstrap circle button
Html
1 vote194 views1 answer
A href input type submit
Html
3 votes229 views1 answer
Bootstrap hero header
Html