/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 vote310 views1 answer
Pop up animation css
Html
0 vote292 views1 answer
Convert xml to html python
Html
0 vote332 views1 answer
How to delete a html tag element in react
Html
2 votes358 views2 answers
Text limit in html
Html
1 vote335 views1 answer
Boostrap 5 css link
Html
0 vote294 views1 answer
To centre each content in html
Html
22 votes326 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html
0 vote367 views1 answer
Js cookie github
Html
0 vote349 views2 answers
React hooks html imput on change
Html
0 vote349 views2 answers
Vertical line bootstrap
Html