Foreach queryselector в javascript

Надеюсь у вас все хорошо, я работаю с django, проблема в том, что у меня есть список элементов, который содержит menuToggle мой код скрипта выглядит так

<script>
    function menuToggle1(){
        
        document.querySelectorAll('.menupost').forEach(function(element) {
            element.classList.toggle('active');
        });
    };  
</script>

поэтому, когда я нажимаю на один из них, я вижу все меню всех пунктов. Поэтому я не хочу видеть все меню, когда я нажимаю только на один из них. Думаю, вы поняли мой вопрос, надеюсь, вы сможете мне помочь.

Вернуться на верх