/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 vote158 views1 answer
Can you stop prettier from line wrapping html
Html
3 votes157 views4 answers
Glyphicon search
Html
1 vote150 views1 answer
Simple html dom
Html
0 vote162 views2 answers
Auto select radio button
Html
0 vote137 views1 answer
V-on hover
Html
0 vote153 views1 answer
Shubham Narayan More Html Notes
Html
0 vote321 views1 answer
Change the height of select option
Html
0 vote372 views1 answer
Webview html
Html
0 vote147 views1 answer
Ionic range drag
Html
1 vote214 views2 answers
React native capitalize first letter
Html