Помогите, пожалуйста: есть список имен, по клику по имени должен появляться скрытый текст(это сделано), но как сделать чтоб этот скрытый текст исчезал с предыдущих элементов как только кликнешь на новый?
function showText(e){
e.preventDefault()
let targetBlock = e.currentTarget.lastChild.lastChild
filteredItems.map(el => {
if(targetBlock.classList.contains('hidden')){
targetBlock.classList.add('visible')
}
})
}
return (
<div>
{filteredItems.map(el => {
const {id, name, job, text} = el
return (
<article key={id} id={id} onClick={showText}>
<div>
<h3>{name}</h3>
<div className="hidden">
<h5>{job}</h5>
<p>{text}</p>
</div>
</div>
</article>
)
})}
</div>
);
}```