Показать сообщение отдельно
  #5 (permalink)  
Старый 02.08.2018, 23:58
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<button>открыть</button>
	<div class="block" style="display:none;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
	</div>
<br>
	<button>открыть</button>
	<div class="block" style="display:none;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
	</div>
	<script>
		var block = document.querySelectorAll('.block');
		document.querySelectorAll('button').forEach((el,i)=>el.onclick=e=>{
			var text = el.textContent;
			el.textContent = text == 'открыть'?'закрыть':'открыть';
			block[i].style.display = text == 'открыть'?'block':'none';
		});
	</script>

Последний раз редактировалось j0hnik, 03.08.2018 в 00:13. Причина: Заменил, только не ругайтесь пожалуйста
Ответить с цитированием