Показать сообщение отдельно
  #5 (permalink)  
Старый 20.01.2017, 00:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,071

admiral,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .content:nth-child(n+4){
     display: none;
   }
   .open{
     cursor: pointer;
      font-weight: bold;
   }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$(".content:nth-child(n+4)").each(function(indx, el){
$("<a/>", {"class" : "open",text : ++indx, on : {click : function(event) {
event.preventDefault()
$(el).slideToggle();
}}}).insertBefore(el)
      });
});
  </script>
</head>

<body>
 <div class="content">Тут контент, html код</div>
 <div class="content">Тут контент, html код</div>
 <div class="content">Тут контент, html код</div>
 <div class="content">Тут контент, html код</div>
 <div class="content">Тут контент, html код</div>

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