[golopogos]

Добрый день, друзья. Как реализовать такую конструкцию:

есть блок меню, который выезжает слева по щелчку на кнопку , по щелчку же и прячется. Нужно несколько условий реализовать:

1. чтоб при загрузке страницы блок меню автоматом выдвигался, а через некоторое время прятался (10 сек.);
2. одновременно блок можно как задвинуть, так и выдвинуть по щелчку.

код jQuery:

$(document).ready(function() {
			
			$("body").click(function(){

			var slidepx=$(".sidebar").width();
				if ( !$("#maincontent").is(':animated') ) { 
					if (parseInt($("#maincontent").css('marginLeft'), 10) < slidepx) {
						margin = "+=" + slidepx;
					} else {
						margin = "-=" + slidepx;
					}
					$("#maincontent").animate({ 
						marginLeft: margin
					}, {
							duration: 'slow',
							easing: 'easeOutQuint'
					});
				}
			});
		});

код HTML:

<div id="maincontent">
    <aside class="sidebar">
        <div><h3 >пример</h3></div>
    </aside>
</div>