Конечно, я могу помочь с этим вопросом. Для того чтобы скрыть картинки при нажатии на кнопку "Подробнее" в JavaScript, вам необходимо сделать следующие шаги:
1. **HTML разметка:**
<img src="image.jpg" id="image1"> <img src="image2.jpg" id="image2"> <button id="showHideButton">Подробнее</button>
2. **JavaScript код:**
// Находим необходимые элементы по ID const image1 = document.getElementById('image1'); const image2 = document.getElementById('image2'); const showHideButton = document.getElementById('showHideButton'); // Описываем функцию, которая будет выполняться при нажатии на кнопку function toggleImages() { if (image1.style.display === 'block') { image1.style.display = 'none'; image2.style.display = 'none'; showHideButton.textContent = 'Показать картинки'; } else { image1.style.display = 'block'; image2.style.display = 'block'; showHideButton.textContent = 'Скрыть картинки'; } } // Назначаем обработчик события на кнопку showHideButton.addEventListener('click', toggleImages);
3. **CSS стили (необязательно):**
/* Для начального скрытия картинок */ #image1, #image2 { display: none; }
После выполнения этих шагов, при нажатии на кнопку "Подробнее" картинки будут скрываться или отображаться. В коде используется функция toggleImages()
, которая переключает стиль display
у картинок между none
и block
.