Подскажите оптимальный способ : нужно по нажатию на первый button
вывести первую картинку, по нажатию на второй button
- вывести вторую картинку.
Когда выводится одна картинка, - другая скрывается.
Пример кода:
<div class="box">
<button class="b1">Push please</button>
<img class="watermelon" src="https://cdn3.iconfinder.com/data/icons/food-set-3/91/Food_C246-256.png" alt="">
</div>
<div class="box">
<button class="b2">Push please</button>
<img class="apple" src="https://cdn3.iconfinder.com/data/icons/fruits-8/512/apple-256.png" alt="">
</div>
div {
display: inline-block;
width: 400px;
text-align: center;
}
button {
font-size: 30px;
}
.apple {
display: none;
}