Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Скрытие и открытие текста

Скрытие и открытие текста


     03.03.2014    jQuery    1412

вопрос
Здравствуйте! Помогите пожалуйста добавить в этот скрипт:

<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 c id="Hide_Show2", у которого менялся бы style, например c height: 100px; на height:auto; при нажатие на "Открыть" или "Закрыть" вместе с первым блоком div id="Hide_Show". Вот примерно как я хочу что бы получилось ( добавлен только блок... div id="Hide_Show"):

Ответил: oo22maxi


Сам задал, сам и решил...

Насколько правильно оно я не знаю, но работает как мне нужно.

<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>


пример

Комментарии пользователей (1)

oo22maxi
1

38 | 16

oo22maxi - 3 марта 2014 01:58 - Юзер

Забыл 2 поставить, а вот ссылки почему нет на пример я не понял, вроде ставил...

"Вот примерно как я хочу что бы получилось ( добавлен только блок... div id="Hide_Show2"): пример"

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 18.03.2014 Googledono  jQuery