Здравствуйте, я новичок в js и только осваиваю его, создал простой скрипт с кучей костылей наверное)
посмотрите :
window.onload = function() {
document.querySelector('#category-genre').addEventListener('click', () => {
document.querySelector('#subcategory-block-genre').classList.toggle('active');
document.querySelector('#menu-figure-genre').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-type').addEventListener('click', () => {
document.querySelector('#subcategory-block-type').classList.toggle('active');
document.querySelector('#menu-figure-type').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-long').addEventListener('click', () => {
document.querySelector('#subcategory-block-long').classList.toggle('active');
document.querySelector('#menu-figure-long').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-country').addEventListener('click', () => {
document.querySelector('#subcategory-block-country').classList.toggle('active');
document.querySelector('#menu-figure-country').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-awards').addEventListener('click', () => {
document.querySelector('#subcategory-block-awards').classList.toggle('active');
document.querySelector('#menu-figure-awards').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-result').addEventListener('click', () => {
document.querySelector('#subcategory-block-result').classList.toggle('active');
document.querySelector('#menu-figure-result').classList.toggle('activeForMenuFigure');
})
document.querySelector('#category-actor').addEventListener('click', () => {
document.querySelector('#subcategory-block-actor').classList.toggle('active');
document.querySelector('#menu-figure-actor').classList.toggle('activeForMenuFigure');
})
}
суть я думаю вы поняли) я беру блок и присваиваю ему класс при нажатии, при последующем нажатии его отбираю.
Так вот, проблема в том, что этих блоков у меня 7, все они с одинаковым классом, но я не могу отслеживать елемент и применять класс именно к нему(не получается), как уменьшить скрипт?