Показать сообщение отдельно
  #3 (permalink)  
Старый 21.08.2012, 20:32
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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

Последний раз редактировалось Deff, 21.08.2012 в 20:34.
Ответить с цитированием