/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

48 votes300 views6 answers
Bootstrap 5 CDN LINK
Html
3 votes157 views2 answers
How to embed audio in html
Html
1 vote157 views1 answer
How to add a browser tab icon (favicon)?
Html
0 vote174 views1 answer
How to use npm packages in html
Html
-1 vote167 views1 answer
Theological
Html
0 vote119 views1 answer
Html windows logo
Html
0 vote161 views1 answer
Change on word html
Html
0 vote191 views1 answer
Horizontal line with text in middle word in html
Html
1 vote173 views1 answer
Nuxt title page
Html
8 votes163 views2 answers
Play audio source on html
Html