Показать сообщение отдельно
  #4 (permalink)  
Старый 09.07.2012, 15:39
без статуса
Отправить личное сообщение для 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').toggle();
  Prnt.find('div.hideCont').slideToggle('normal');
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">Полное описание<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
</div>
<a class="hideBtn hide" href="#">Cвернуть</a>
<br /><br />

</div>


Любое из "свернуть" - можно убрать

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