Как при нажатии по блоку одному блоку стиль задать none, а другому block?

Question

[Глеб]

Есть 3 элемента

<img src="png" id="img3" class="book__seven_open">
<a href="url" id="book7" style="display: none;"><img src="png" id="img3hidden"></a>
<img src="png" alt="" id="btn7" style="width: 32px;height: 32px;">

Нужно чтобы при нажатии на id="btn7" задавался стиль #img3 display:none;, а #img3hidden задавался display: block;
Как можно реализовать?

Comments

[Ankhena]

Поиск элементов https://learn.javascript.ru/searching-elements-dom... и т.д.
Событие клика и другие https://learn.javascript.ru/introduction-browser-events
Смена класса (а удобнее менять класс, а не стиль) https://learn.javascript.ru/styles-and-classes

С точки зрения семантики лучше кликать на кнопки <button>. А img внутрь или фоном стилями, в зависимости от того, что там у вас происходит.
img не является интерактивным элементом.

Что именно вы делали и что не получилось покажите в песочнице на codepen.io?