Как показывать/скрывать элементы с одинаковым div?
Добрый день, друзья. Хочу показывать/скрывать элементы с одинаковым id div. То есть у меня порядка 50 блоков с id=div_name. Хочу, чтобы по ссылке они все скрывались и все показывались. Делаю так:
<div id="div1" style="display:none;">Скрытый текст</div>
<a href="javascript:onoff('div1');">показать/скрыть</a>
function onoff(t){
p=document.getElementById(t);
if(p.style.display=="none"){
p.style.display="block";}
else{
p.style.display="none";}
}
Но так скрывается/показывается только первый блок div, остальные просто не реагируют, как сделать так, чтобы блоки с одинаковым названием все показывались/скрывались ? Заранее большое спасибо. |
Цитата:
|
Цитата:
можно пожалуйста пример |
Sice,
форум поиск открывашка более 300 примеров |
Цитата:
|
|
Sice,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide{
display: none;
}
</style>
<script>
function onoff(event,el)
{
event.preventDefault();
el.previousElementSibling.classList.toggle("hide")
}
</script>
</head>
<body>
<div class="hide" >Скрытый текст</div>
<a href="#" onclick="onoff(event,this)" >показать/скрыть</a>
<div class="hide" >Скрытый текст</div>
<a href="#" onclick="onoff(event,this)" >показать/скрыть</a>
<div class="hide" >Скрытый текст</div>
<a href="#" onclick="onoff(event,this)" >показать/скрыть</a>
</body>
</html>
|
| Часовой пояс GMT +3, время: 15:03. |