скрытие спойлера

[devote]

vesna,

<a href="" onclick="$(this).parent().toggle('normal');return false;" style='float: right; margin-right: 10px; '>свернуть</a>

[vesna]

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.splLink').click(function(){ 

    $(this).parent().children('div.splCont').toggle('normal'); 
        return false; 
    }); 


 $('.splLink1').click(function(){ 
       $(this).parent().toggle('normal'); 
   

        return false; 
    }); 


}); 
</script>

[vesna]

devote, Спасибо! Работает как надо)

[Serg_pnz]

vesna,
вы положили вторую кнопку внутрь скрываемого родителя, поэтому не работает. Надо сменить класс ссылки и добавить свой обработчик, что бы туглить родителя.

Ща свояем. Наверное.))

upd. Ну вот!

[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>