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

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style>
 div.hideCont,
 a.hideBtn.hide{
 display:none;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("a.hideBtn,a.hideBtn.hide").click(function(){
  var Prnt=$(this).parents('.hideWrap:first');
  Prnt.find('a.hideBtn,div.hideCont').toggle('fast')
return false;
 });
});
</script>

<h3>Заголовок</h3>
<p>Краткое описание.</p>
<div class="hideWrap">
<a class="hideBtn hide" href="#">Cвернуть</a>
<a class="hideBtn" href="#">Читать дальше</a>
<div class="hideCont">Полное описание</div>
<a class="hideBtn hide" href="#">Cвернуть</a>
<br /><br />

</div>

Последний раз редактировалось Deff, 09.07.2012 в 12:45.
Ответить с цитированием