/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

8 votes218 views6 answers
Aos animation
Html
3 votes181 views2 answers
Html email input
Html
10 votes236 views3 answers
Html lazy loading images
Html
-1 vote184 views1 answer
Jqury
Html
68 votes204 views5 answers
How to add a image file in html
Html
10 votes198 views2 answers
Link to section on page html
Html
0 vote228 views2 answers
See line from table html
Html
0 vote213 views2 answers
Dashed border spacing css
Html
4 votes230 views1 answer
Html input box no border
Html
0 vote189 views1 answer
Link in new tab
Html