Как показать div с помощью JavaScript (без jQuery), при этом скрыть див вызова?

Question

[Просто Рецепты]

есть много решений без jQuery рабочих, но нет готового примера который скрывает див который открывает скрытый див

есть рабочий код с jQuery:

<a href="#" id="showdiv">Показать</a>
<div id="showdiv2" style="display:none;"></div>
<script>$('#showdiv').click(function () {$('#showdiv').hide();$('#showdiv2').show();return false;});</script>

нужно то же самое, только без jQuery.

Зачем нужно что бы див вызова скрывался (вот пример):
https://prostorecepty.com/1005-shokoladnyj-tort-s-...



внизу есть видео рецепт, по клику на картинку превью, она должна скрываться и появляться скрытое видео.

Answer 1

[Dragonzcxv]

Есть грубо говоря два div-а, один с превьюшкой, другой с видео. Видео изначально скрыто стилем. Вешаешь евент клика на превью, скрываешь превью(через заранее прописаный класс например), находишь div с видео, показываешь его.

Answer 2

[Просто Рецепты]

- Dragonzcxv
ну и теперь осталось только научиться программировать на яваскрипте