Есть задача, у меня есть 4 или более блока одинаковых, в одном блоке span
, в другом контент. При нажатии в первом блоке на span
должен появиться контент во втором, при нажатии на третий, контент появляется в четвертом.
На данный момент получилось, что при нажатии на любой блок появляется весь контент:
function showSettings (){
document.querySelector('body').addEventListener('click', (e)=>{
let target = e.target;
const items = document.querySelectorAll('.a-content'),
plus = target.classList.contains('plus-on-settings');
if(plus){
$(items).toggleClass('hide');
}
})
}
showSettings();
Как реализовать, чтобы по клику на первый span
открылся контент второго блока, а при клике на третий открылся контент четвертого блока?