vesna,
<a href="" onclick="$(this).parent().toggle('normal');return false;" style='float: right; margin-right: 10px; '>свернуть</a>
|
<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>
|
devote, Спасибо! Работает как надо)
|
vesna,
вы положили вторую кнопку внутрь скрываемого родителя, поэтому не работает. Надо сменить класс ссылки и добавить свой обработчик, что бы туглить родителя. Ща свояем. Наверное.)) upd. Ну вот! |
<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>
|
| Часовой пояс GMT +3, время: 12:15. |