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