[Deff]

<div class=SpL>
	<a class="splLink Visibl" href="">открыть содержимое</a>

		<div class="splCont" style="display:none">

Содержимое блока
<br/>			
	<a class="splLink" href="" >свернуть</a><br>
		</div>
</div>
<style>
.splLink {
 opacity:0.00;
 visibility:hidden;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s; /* IE9+ */
}
.splLink.Visibl {
 opacity:1.0;
 visibility:visible;
}
</style>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('.splLink').click(function(){
	$('.splLink').addClass('Visibl');
	$(this).removeClass('Visibl');
        $(this).parents('.SpL:first').children('div.splCont').toggle('normal');
        return false;
    });
});
</script>