Показать сообщение отдельно
  #8 (permalink)  
Старый 22.08.2019, 19:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,137

kosmonavtom,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>

function chpok(sr){
    var elem = document.querySelector("div[data-reactid='"+sr+"']"), //находим блок div и значение атрибута data-reactid
    style = elem.style;
    style.display = style.display !== "none" ? "none" : "" ;
     //если включен, то выключаем
   //иначе - включаем
}
</script>

</head>

<body>
 <button onclick="chpok('.1.$0')">
Вопрос 1
</button>
<div data-reactid='.1.$0' style="display:none">
Это выводится первый вопрос?
</div>
<button onclick="chpok('.1.$1')">
Вопрос 2
</button>
<div data-reactid='.1.$1' style="display:none">
Тут выводится второй вопрос.
</div>

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