Открытие/скрытие скрытого текста/объекта
Нашел на этом форуме скрипт (здесь), но вот как добавить еще один div не понял.
Хочу добавить еще один <div id="Hide_Show2" style="height:auto;">Что то здесь</div> в скрипт, что бы у него также менялся style как у первого. Но что бы при нажатии "Открыть" или "Закрыть", менялся style у обоих блоков. Вот сам скрипт
<div id="Hide_Show" style="display:none;">Скрытый текст</div>
<a href="#" onclick="toggA(this);return false;">Открыть</a>
<script type="text/javascript">
function toggA(a) {
var b= document.getElementById('Hide_Show').style;
if(a.innerHTML=='Открыть'){a.innerHTML='Закрыть';b.display='block';return}
a.innerHTML='Открыть'; b.display='none'
}
</script>
|
Цитата:
- добавь в функцию еще один параметр - ИД спойлера - переделай функцию на использование того параметра |
Решение нашел, на сколько оно правильно я не знаю, но работает как мне надо. Если кому-то нужно, то вот:
<div id="Hide_Show" class="content" style="height: 20px;">Скрытый текст тут </div>
<div id="divblok" class="content2"> Блок 2</div>
<a id="aopen" href="#" onclick="toggA(this);return false;">Открыть</a>
<script type="text/javascript">
function toggA(a) {
var b= document.getElementById('Hide_Show').style;
if(a.innerHTML=='Открыть'){a.innerHTML='Свернуть';b.height='auto';return}
a.innerHTML='Открыть'; b.height='20px'
}
$("#aopen").click(function() {
$("#divblok").toggle();
})
</script>
пример |
| Часовой пояс GMT +3, время: 01:02. |