/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 vote160 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html
2 votes180 views2 answers
How to add bgcolor in html
Html
0 vote214 views1 answer
High load linux
Html
4 votes160 views3 answers
Laravel route Accessing The Current Route
Html
0 vote193 views3 answers
Display li in navbar in the same line
Html
0 vote185 views1 answer
Loader
Html
0 vote241 views1 answer
Keyboard accessible buttons on navbar
Html
2 votes187 views1 answer
Html center youtube video
Html
50 votes169 views2 answers
Html input label
Html
24 votes178 views6 answers
Tailwind center
Html