Показать сообщение отдельно
  #2 (permalink)  
Старый 08.08.2013, 21:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

soloveff,
HTML ->
CSS ->
Script ->
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
.box-letter ul {
 display:none;
 }
 .open-letter span:after {
 content:' раскрыть';
 }

  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
  $(document).ready(function() {
 $('.open-letter').click(function() {
 $('div.box-letter ul').not($(this).next()).slideUp('normal');
 $('.letter').addClass('open-letter');
 $(this).removeClass('open-letter').next().slideDown('normal');
 });
 });
  </script>
</head>

<body>
<div class="box-letter">
 <div class="letter open-letter">
 <b>1</b><span></span>
 </div>
 <ul>
 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li><a href="#">3</a></li>
 </ul>
 </div>
 <div class="box-letter">
 <div class="letter open-letter">
 <b>2</b><span></span>
 </div>
 <ul>
 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li><a href="#">3</a></li>
 </ul>
 </div>

</body>

</html>
Ответить с цитированием