Открытие/скрытие скрытого текста/объекта
Нашел на этом форуме скрипт (здесь), но вот как добавить еще один 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, время: 15:07. |