<ul class="tabse" >
<li class="d1" ><a href="#" >первый</a></li>
<li class="d2" ><a href="#" >второй</a></li>
</ul>
<div id="main">
<div class="sld">
<p>текст1</p>
</div>
<div class="sld">
<p>текст2</p>
</div>
</div>
$('.sld').click(function(){
$(this).slideToggle();
})
Вот и все!
а если нужно, что бы открытый закрывался, то вначале закрой все, а нужный разверни:
$('.sld').click(function(){
$('.sld').hide();
$(this).slideToggle();
})