/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 vote159 views1 answer
Html landing page templates free
Html
10 votes149 views4 answers
Bootstrap progress bar with percentage
Html
8 votes148 views1 answer
How to get number list in html
Html
2 votes164 views1 answer
Html insert remote image
Html
147 votes144 views4 answers
Import script html
Html
35 votes153 views6 answers
InnerHTML
Html
1 vote146 views1 answer
Ionic onfig.xml hide loader
Html
1 vote133 views1 answer
Ion2 calendar change event
Html
0 vote149 views2 answers
Change the font-size on a label html
Html
0 vote185 views2 answers
Vscode-jest intellisense not working
Html