Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Открытие/скрытие скрытого текста/объекта (https://javascript.ru/forum/misc/45489-otkrytie-skrytie-skrytogo-teksta-obekta.html)

maxi22rus 03.03.2014 10:36

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

ksa 03.03.2014 10:55

Цитата:

Сообщение от maxi22rus
но вот как добавить еще один div не понял

Как вариант...
- добавь в функцию еще один параметр - ИД спойлера
- переделай функцию на использование того параметра

maxi22rus 03.03.2014 13:54

Решение нашел, на сколько оно правильно я не знаю, но работает как мне надо. Если кому-то нужно, то вот:

<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, время: 14:53.