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

Question

[Святослав Немато]

Не получается замещать блоки как тут 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.
Но в примере указанном выше, текст не сжимается, и всё выглядит красиво, пробовал разобраться в коде, но из за сжатого кода, у меня это не получилось.

Answer 1

[GreatRash]

Аккордеон что ли?

Comments

[Святослав Немато]

Спасибо.