Для скрытия дочерних элементов на веб-странице можно использовать CSS свойство `display: none;`. Например, если у вас есть элемент `div` с классом `child`, чтобы скрыть его, вы можете использовать следующий CSS код:
```css
.child {
display: none;
}
```
Чтобы реализовать раскрывающийся список (аккордеон) на веб-странице, вам необходимо использовать JavaScript для добавления функциональности открытия и скрытия подразделов при клике на заголовки. Следующий код демонстрирует простую реализацию аккордеона:
HTML:
```html
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header">Заголовок 1</h2>
<div class="accordion-content">Содержимое 1</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">Заголовок 2</h2>
<div class="accordion-content">Содержимое 2</div>
</div>
</div>
```
JavaScript:
```javascript
const accordionHeaders = document.querySelectorAll('.accordion-header');
accordionHeaders.forEach(header => {
header.addEventListener('click', () => {
const content = header.nextElementSibling;
content.classList.toggle('active');
});
});
```
CSS:
```css
.accordion-content {
display: none;
}
.accordion-content.active {
display: block;
}
```
Этот код позволяет открывать и закрывать каждый подраздел независимо, обрабатывая клики по заголовкам. Когда происходит клик на заголовок, JavaScript определяет следующий за ним элемент (содержимое) и переключает класс `active`, который изменяет свойство `display` на `block`, чтобы показать или скрыть содержимое.
Таким образом, вы можете легко реализовать аккордеон на веб-странице без необходимости создания отдельной функции для каждого блока. Вы можете использовать данные о том, какие именно подразделы нужно скрывать, опираясь на элемент заголовка, на который был совершен клик, и определить, какой именно подраздел связан с заголовком, чтобы скрыть или отобразить его.