Показать сообщение отдельно
  #7 (permalink)  
Старый 13.11.2017, 01:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Sice,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
       .hide{
         display: none;
       }

  </style>

  <script>
    function onoff(event,el)
    {
      event.preventDefault();
       el.previousElementSibling.classList.toggle("hide")
    }
  </script>
</head>

<body>

<div class="hide" >Скрытый текст</div>
<a href="#"   onclick="onoff(event,this)" >показать/скрыть</a>
<div class="hide" >Скрытый текст</div>
<a href="#"   onclick="onoff(event,this)" >показать/скрыть</a>
<div class="hide" >Скрытый текст</div>
<a href="#"   onclick="onoff(event,this)" >показать/скрыть</a>
</body>
</html>
Ответить с цитированием