/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 vote195 views1 answer
Detailed list html
Html
3 votes208 views2 answers
Basico html
Html
1 vote216 views1 answer
Using new line(\n) in string and rendering the same in HTML
Html
52 votes194 views6 answers
Html stands for
Html
0 vote194 views1 answer
How to add square root symbol in HTML Web page
Html
1 vote209 views1 answer
Line break not working html
Html
0 vote196 views1 answer
Telegram href link code
Html
52 votes198 views6 answers
Turn off autocomplete input html
Html
0 vote203 views1 answer
How to make a html link execute a javascript function
Html
44 votes195 views3 answers
Browser favicon html
Html