/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 vote254 views1 answer
Tradingview lightweight charts cdn
Html
1 vote262 views1 answer
Easyui datagrid tabs
Html
0 vote260 views1 answer
Horizontal Scrolling Bopostrap
Html
0 vote333 views1 answer
Botão enviar html
Html
0 vote260 views1 answer
How to code cards deck with tab collapse
Html
0 vote275 views1 answer
Collapsible accordion html+css only
Html
5 votes250 views2 answers
Alt meaning in html
Html
2 votes267 views1 answer
Td colspan all
Html
0 vote269 views1 answer
Html paragraph with spaces
Html
4 votes261 views1 answer
Html input box no border
Html