/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

66 votes235 views2 answers
How to open link in new tab
Html
0 vote240 views1 answer
Basis html pagina
Html
0 vote242 views1 answer
Why does the link from my html doesn't work
Html
1 vote259 views1 answer
Angular 2 input file change value
Html
3 votes260 views3 answers
Input type="date"
Html
0 vote274 views1 answer
Lpluguin de whatsapp para html
Html
0 vote250 views1 answer
Show html files from firebase android studio
Html
1 vote231 views1 answer
Nested list html
Html
52 votes256 views4 answers
HTML starter
Html
0 vote264 views1 answer
Html multiple file upload
Html