/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

-1 vote198 views1 answer
Html to pdf react
Html
32 votes204 views10 answers
Translate
Html
1 vote200 views1 answer
Base tag after link tag
Html
3 votes216 views1 answer
Mysql connector maven dependency
Html
16 votes234 views6 answers
Striped table bootstrap
Html
0 vote208 views1 answer
What does href=# mean in html
Html
9 votes224 views6 answers
Table in bootstrap 4
Html
0 vote192 views2 answers
Mailchimp form action
Html
1 vote201 views1 answer
Coc allow comments in json
Html
0 vote189 views1 answer
What is the naming scheme for provider plugins?
Html