Конечно, я помогу вам! Дайте-ка я уточню ваш вопрос для более ясного понимания: как написать на чистом JavaScript код, который будет менять содержимое блока при нажатии на кнопку внутри него, и делать кнопку исчезающей, а при повторном нажатии восстанавливать исходное содержимое и кнопку?
Вот пример кода на JavaScript, который реализует указанное поведение:
HTML:
```html
<button id="button">Нажми меня</button>
<div id="content">Изначальное содержимое блока</div>
```
JavaScript:
```javascript
const button = document.getElementById('button');
const content = document.getElementById('content');
let originalContent = content.innerHTML;
button.addEventListener('click', function() {
if (content.innerHTML !== 'Новое содержимое блока') {
content.innerHTML = 'Новое содержимое блока';
button.style.display = 'none';
} else {
content.innerHTML = originalContent;
button.style.display = 'block';
}
});
```
Этот код добавляет обработчик события "click" на кнопку. При первом нажатии он заменяет содержимое блока на "Новое содержимое блока" и скрывает кнопку, а при повторном нажатии восстанавливает изначальное содержимое блока и отображает кнопку.
Есть 2 варианта:
1) Добавление класса контейнеру и тогда например если нет класса то показывает одно если есть то через css скрываешь одно и показываешь второе
2) Добавяешь по нажатии display none или убираешь где надо.
Да, я так и собирался делать. Нашел способ на jQuery это сделать, но мне нужно на чистом JS.