[archcoffe]

Хочу понять и научиться:
1. Как тут можно сделать так что бы #main прятался когда идет повторный клик на ту же ссылку, но при этом #main прятался а потом снова разворачивался когда второй клик на другую ссылку.

<ul class="tabse" >
<li class="d1" ><a href="#" >первый</a></li>
<li class="d2" ><a href="#" >второй</a></li>
</ul>
<div id="main">
    <div class="d1">
         <p>текст1</p>
    </div>
    <div class="d2">
        <p>текст2</p>
    </div>
</div>

$(document).ready(function() {
	$('div.d2').hide();
	$('div.d1').hide();
	$('div#main').hide();
	$('ul.tabse li').click(function(){
		var thisClass = this.className.slice(0,2);
		$('div.' + thisClass).fadeOut();
		$('div#main').slideUp();	
		$('div.d1').hide();
		$('div.d2').hide();
		$('ul.tabse li').removeClass('tab-curre');
		$(this).addClass('tab-curre');
		$('div.' + thisClass).delay(250).fadeIn();
		$('div#main').delay(250).slideDown();	
	});
});