/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 vote285 views1 answer
How to load at bottom of page html
Html
0 vote264 views1 answer
How to show only play button in html audio controls
Html
57 votes268 views6 answers
How to remove underline from link in html
Html
0 vote323 views1 answer
Page html exemple
Html
0 vote269 views1 answer
Best slider library
Html
1 vote293 views2 answers
Dml
Html
70 votes257 views3 answers
Fontawesome link
Html
0 vote275 views1 answer
Icon for right arrow
Html
0 vote266 views1 answer
Alpine js onclick example
Html
0 vote275 views1 answer
How to type text in html
Html