/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

3 votes222 views1 answer
Ion-select cancel text
Html
0 vote238 views1 answer
As onclick delete this html tag
Html
26 votes275 views2 answers
How to write image tag in markdown
Html
0 vote237 views1 answer
Convert rtf to html
Html
0 vote220 views1 answer
Nuxt for background color
Html
38 votes244 views4 answers
How to make new line in html paragraph
Html
0 vote221 views2 answers
Vue right click
Html
1 vote235 views3 answers
Html iframe full page
Html
0 vote259 views1 answer
Mailto html multiple addresses
Html
22 votes244 views4 answers
Run a function when a button has the onclick
Html