Показать сообщение отдельно
  #1 (permalink)  
Старый 10.03.2015, 01:02
Аспирант
Отправить личное сообщение для alecto Посмотреть профиль Найти все сообщения от alecto
 
Регистрация: 12.11.2014
Сообщений: 84

Помогите разобраться с jquery.collapse.js
Сначала начну с того, что нужно получить.
Есть форум http://motobratva.com/index.php где категории сворачиваются/разворачиваются при нажатии на кнопки, состояние запоминается.
Код самописный, анимация сделана через slideUp/slideDown/animate, возможно поэтому не очень плавная.

Нашел библиотеку jquery.collapse.js,
Примеры здесь http://webcloud.se/jQuery-Collapse/
Описание здесьhttps://github.com/danielstocks/jQue...979a/README.md
У человека http://www.dmzx-web.net/ на более ранней версии библиотеки, похоже по этому примеру http://www.ppkbb3cker.ru/viewtopic.php?f=56&t=2308 все работает плавно и красиво.
но, я никак не могу разобраться с работой этой библиотеки и вызовами.
Хочу получить то же, что и сейчас, но на базе библиотеки jquery.collapse.js с плавной анимацией.


все эксперименты проводятся на тестовом сайте, ссылку могу предоставить, но его надо подключать через hosts

что пробовал...
подключил библиотеки и следующим кодом завернул разделы forabg в общий блок forumlist
$('.forabg').wrapAll('<div class="forumlist" data-collapse/>');

скрипт добавил свои данные в структуру
<div class="forumlist" data-collapse="">
<div class="forabg" data-collapse-summary="" aria-expanded="false">
<div class="forabg" style="display: none;" aria-hidden="true">
<div class="forabg" data-collapse-summary="" aria-expanded="false">
</div>

заголовки у меня стали кликабельны, но почему-то всегда сворачивается второй раздел при клике на первый.
на этом застрял

далее нужно будет прикрутить вызов коллапса с кнопок, но пока я застрял в самом начале ((

помогите пожалуйста разобраться.
что-то сам никак, туплю.

Последний раз редактировалось alecto, 10.03.2015 в 01:49.
Ответить с цитированием