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

Выдвигающаяся панель. "Отскок" назад.
Клик по ссылке ".btn-slide" сворачивает/разворачивает DIV#panel.
Код:
$(document).ready(function(){
    $(".btn-slide").click(function(){
	$("#panel").slideToggle("slow");
	  $(this).toggleClass("active");
          $(this).toggleClass("collapsed")
	});
});


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

Вопрос: дело в верстке или скрипте?

UPD Причина "отскока" в момент работы скрипта временно увеличивается высота панели. То ли отступы верхние/нижние добавляются, то ли хз...

UPD2 Назначил панели фиксированную высоту - теперь ОК. Только вроде как выезд слегка подтормаживает.

Благодарю.

Последний раз редактировалось rebroff, 28.12.2011 в 18:42.
Ответить с цитированием