Отображать ребенка на клике родителей, скрыть других детей в списке ⇐ Html

[Anonymous]

Прямо сейчас это мой html: < /p>


Parent

• Some content

< /code>
И это какой -то сценарий, который я заимствовал: < /p>
var elements = document.getElementsByClassName ("parent");
var myFunction = function() {
var childNode = this.querySelector('.child'); // Find the child element within the clicked parent
childNode.classList.toggle("display");
// Show the child element
};
// Attach click event to each parent element
for (var i = 0; i < elements.length; i++) {
elements.addEventListener('click', myFunction, false);
}
< /code>
это работает, но для моего проекта только один ребенок должен быть виден за раз. Есть ли способ спрятать всех детей из элементов , прежде чем показывать нажиманный ребенок? Или я должен сделать это по -другому, например, использование радиопроизводительных кнопок или что -то в этом роде?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/797 ... en-in-list