/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 vote120 views1 answer
Texto desplegable html
Html
26 votes134 views4 answers
Html select default
Html
5 votes147 views1 answer
Default value input
Html
6 votes124 views2 answers
How to edit horizontal line length html
Html
2 votes132 views1 answer
Html how to make element focusable
Html
0 vote154 views3 answers
Tailwind CSS dropdown
Html
3 votes170 views2 answers
Html 2 classes
Html
19 votes126 views4 answers
Google material icons
Html
-1 vote160 views1 answer
Adding mp4 in html
Html
0 vote142 views1 answer
Display pdf in html fastapi
Html