Как сделать дубль клика одной кнопки по другой, с переключением toggle классов?

Question

[Cheizer]

Друзья, не понимаю как сделать trigger click грамотно? Что бы все классы которые добавляются через toggle, были синхронизированы?

Есть две кнопки одинаковые, но в разных местах.

<div class="header">
  <div class="catalog_btn closed">
                        <button type="button" class="navbar-toggle x collapsed">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <span>1 КНОПКА</span>
                    </div>
</div>

<br><br>

<div class="block-menu">
                <div class="flex-container">
                    <div class="catalog_btn closed">
                        <button type="button" class="navbar-toggle x collapsed">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <span>2 КНОПКА</span>
                    </div>
                </div>
            </div>

Основная это 1 КНОПКА, по ней делаю trigger клик по второй.

$(".header .catalog_btn").click(function () {

        $(this).toggleClass("open closed");
        $(this).find("button.navbar-toggle").toggleClass("collapsed");
        
       $(".block-menu .catalog_btn").trigger("click");

    });

Но не работает :( Что не так? И еще, сомневаюсь что trigger click точно повторит toggle классов как у первой кнопки. Как сделать правильно этот механизм? Вроде просто все, но понять не могу.

Вот живой пример https://codepen.io/Cheizer/pen/poodeaa

Answer 1

[Алексей Ярков]

А почему не так?
$(".catalog_btn")