Задать вопрос
youtube_com_chevichelov
@youtube_com_chevichelov

Как на Jquery плавно перемещать блоки?

Не получается замещать блоки как тут mmenu.frebsite.nl
При нажатии на пункт меню напротив которого стоит цифра, блок следующего меню плавно наезжает на предыдущий.
Всё что у меня получилось это
<div>
     <div id="block_1">
           Содержимое блока 1
     </div>
     <div id="block_2" style="display:none;">
           Содержимое блока 2
     </div>
</div>

$('#block_1').on("click", function() {
		$('#block_1').css({width:'100%'}).animate({width:'0em'}, 100, function() {
			$('#block_1').hide();
			$('#block_2').show();
			$('#block_2').css({width:'0em'}).animate({width:'100%'}, 100, function() {});
		});
	});

В этом случае содержимое block_1 сжимается и текст вытягивается в высоту, то есть одна строчка превращается в 3.
Но в примере указанном выше, текст не сжимается, и всё выглядит красиво, пробовал разобраться в коде, но из за сжатого кода, у меня это не получилось.
  • Вопрос задан
  • 323 просмотра
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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