/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

2 votes338 views1 answer
How do you make a link in html5
Html
5 votes313 views3 answers
Materialize cdn
Html
0 vote317 views2 answers
Bootstrap table no border
Html
9 votes331 views1 answer
Html link to call phone number
Html
0 vote312 views1 answer
Overlay effects to cards
Html
4 votes326 views1 answer
Vue render html raw
Html
0 vote335 views2 answers
Css dashed border spacing
Html
0 vote317 views1 answer
Click button to go to sub pag on html
Html
5 votes342 views1 answer
Textarea readonly
Html
0 vote313 views2 answers
How to install Ubuntu 17.04 in VMWare Workstation
Html