/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 vote291 views1 answer
Use svg as favicon react
Html
0 vote341 views2 answers
How to call a script from another script in javascript
Html
2 votes326 views1 answer
Html input file multiple
Html
15 votes294 views2 answers
Html datetime format
Html
0 vote309 views1 answer
Mac mail paste without formatting
Html
1 vote293 views3 answers
Install ubuntu on vmware workstation 16
Html
12 votes292 views3 answers
Basic video player html
Html
0 vote297 views2 answers
How to give value to model from radio button html asp with enums if checked
Html
0 vote288 views1 answer
3 tab and form connected bootstrap
Html
0 vote303 views1 answer
How to make a scrollable list in html
Html