/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

27 votes127 views3 answers
Space bar html
Html
3 votes129 views1 answer
Svg xlink
Html
0 vote113 views1 answer
How to get html and css from website
Html
0 vote119 views1 answer
Html make box shadow
Html
2 votes118 views1 answer
Failed to load resource: the server responded with a status of 503 (service unavailable)
Html
0 vote114 views1 answer
Hugo theme from html to md file
Html
2 votes121 views2 answers
Data-target hamburger bootstrap
Html
44 votes113 views6 answers
Comment in html
Html
0 vote132 views1 answer
Agregar texto debajo de una imagen html
Html
49 votes119 views4 answers
Html start code
Html