/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

1 vote243 views1 answer
Tailwind border width
Html
0 vote236 views1 answer
Https://stackoverflow.com/questions/47961310/how-to-stack-multiple-images-in-bootstrap-4-carousel?rq=1
Html
0 vote224 views1 answer
How to add link on bar for google bar chart
Html
1 vote207 views1 answer
Pound symbol phone html
Html
0 vote215 views1 answer
Html tag link tittle bar
Html
2 votes212 views1 answer
Text inside input
Html
0 vote247 views1 answer
B-table-column v-slot undefined
Html
0 vote218 views1 answer
Align buttons next to each other bootstrap
Html
4 votes221 views2 answers
Free html hosting
Html
1 vote228 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html