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";
}
}
<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>
Also in JavaScript:
- function redirect javascript
- how to import dotenv in react
- how to print a line in javascript
- change span value javascript
- remove appended element jquery
- check array for duplicate values javascript
- create json string c#
- function para mter js
- Error: Can't resolve 'fs' webpack
- select2
- stripe elements
- javascript onclick
- Run project in visual studio with iis express
- Exception in thread "main" org.openqa.selenium.JavascriptException: cannot read getPlayerState
- regex for lowercase letters js
- javascript convert number to binary representation
- how to find date in a string js
- lodash group by except group null items
- document ready javascript vanilla
- match js
- get 13 digit timestamp javascript
- javascript ajax request
- lowercase javascript
- percent pipe angular example