<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
div.opis{
display:none;
height:100px;
width:340px;
padding:12px;
margin-top:12px;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
-ms-box-shadow:0px 5px 18px #000;
}
a.opislink {
margin-top:12px;
display:block;
}
</style>
<div class="Wrap">
<a href="#" class="opislink" >Развернуть</a>
<div class="opis">Текст</div>
</div>
<div class="Wrap">
<a href="#" class="opislink" >Развернуть</a>
<div class="opis">Текст</div>
</div>
<div class="Wrap">
<a href="#" class="opislink" >Развернуть</a>
<div class="opis">Текст</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('a.opislink:not(.active)').live('click',function(){
$(this).addClass('active');
$(this).html('Свернуть')
$(this).parent().find('div.opis').slideDown(760)
return false;
});
$('a.opislink.active').live('click',function(){
$(this).removeClass('active');
$(this).html('Развернуть')
$(this).parent().find('div.opis').slideUp(760)
return false;
});
});
</script>