/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

-2 votes111 views2 answers
How to add a logo in html
Html
2 votes136 views1 answer
Html add image from remote source
Html
28 votes109 views6 answers
Phone html
Html
1 vote110 views1 answer
Html color maroon hex
Html
0 vote110 views3 answers
Scroll elementleft using js
Html
0 vote129 views2 answers
Make text vertical align middle in table bootstrap
Html
0 vote105 views1 answer
On phone option html
Html
0 vote113 views1 answer
Use jquery variable in html
Html
1 vote107 views1 answer
Html a tag underline none
Html
91 votes110 views6 answers
Bootstrap text color
Html