Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.03.2016, 13:20
Интересующийся
Отправить личное сообщение для MrNix21 Посмотреть профиль Найти все сообщения от MrNix21
 
Регистрация: 03.02.2012
Сообщений: 23

Раскрытие не полностью раскрытого div по клику
Добрый день. Уж извините, JQuery не знаю, но есть задачка, которую надо решить. Надо сделать так, чтобы div, при нажатии на ссылку плавно раскрывался полностью. В сети полно готовых скриптов, но они все сначала div скрывают (display: none), у меня же div изначально уже виден, у него известна высота 200px, а лишний контент внутри него скрывается посредством стиля overflow: hidden. При нажатии на ссылку высота div плавно увеличивается до размера контента внутри div, и также плавно уменьшается при повторном нажатии на ту же ссылку.
Помогите пожалуйста.

Есть такой скрипт, но там блок увеличивается и в ширину и в высоту, и к тому же блок изначально скрыт.

Код:
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>
    
<style type="text/css">
 .spoiler_body {display:none;}
 .spoiler_links {cursor:pointer;}
</style>

<div>
 Спойлер №1 <a href="" class="spoiler_links">показать / скрыть</a>
 <div class="spoiler_body">
  Текст в первом спойлере
  Текст в первом спойлере
 </div>
</div>
Заранее благодарю ответившим!
Ответить с цитированием
  #2 (permalink)  
Старый 28.03.2016, 14:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

MrNix21,
открывашка 231 со сменой текста на кнопке
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2016, 14:41
Интересующийся
Отправить личное сообщение для MrNix21 Посмотреть профиль Найти все сообщения от MrNix21
 
Регистрация: 03.02.2012
Сообщений: 23

рони,
Спасибо огромное, плюсики тебе в карму)))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрыть div по клику вне его пределов armidow Элементы интерфейса 1 18.03.2016 18:19
7 div открытие/скрытие по клику Low_Weaper Общие вопросы Javascript 5 13.01.2015 16:03
Не заменяется содержимое DIV по клику. Помогите разобраться. r4zoom Элементы интерфейса 4 04.09.2013 16:54
Как переписать div по клику по нему Lewik Общие вопросы Javascript 3 08.05.2012 22:27
плавное раскрытие DIV ufaclub jQuery 3 26.04.2011 17:20