/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 vote112 views1 answer
Canvas drawImage wrong size image
Html
0 vote104 views1 answer
Reset button javascript onclick
Html
1 vote108 views1 answer
Vue submit reloads page
Html
38 votes113 views6 answers
Iframe attributes
Html
2 votes108 views1 answer
Link email anchor to open up users email address
Html
9 votes108 views2 answers
Html date placeholder
Html
1 vote114 views2 answers
Link to the same page html
Html
41 votes112 views3 answers
Css in reactjs
Html
0 vote107 views1 answer
AdminLTE infoboxes
Html
1 vote112 views2 answers
Mute video html
Html