ハンバーガーメニューを再度クリックした際に別の動きをつけたい

Question

現在アンカーリンクを押すと、メニューを閉じてページ遷移し、「'arrows'」と「'pager'」を表示させる動きはできているのですが、
ハンバーガーメニューをクリックしてメニューを開いたときは「'arrows'」と「'pager'」を非表示にして、
再度ハンバーガーメニューをクリックしてメニューを閉じたときには、「'arrows'」と「'pager'」を表示させられず困っています。

    <!-- ハンバーガーボタン開閉 -->
    <script>
        (function($) {
            $(function() {
                $('#nav-toggle').on('click', function() {
                    $('body').toggleClass('open');
                });
            });
        })(jQuery);
    </script>
    <!-- END ハンバーガーボタン開閉 -->

    <!-- ハンバーガーメニュー アンカーリンク押下後メニューを閉じて遷移させる -->
    <script>
        $(function() {
            $('#nav-toggle').on('click', function() {
                $('#nav-toggle').toggleClass('active');
                $('#gloval-nav').toggleClass('open', $(this).hasClass('active'));
                document.getElementById('arrows').style.display = "none";
                document.getElementById('pager').style.display = "none";
            });
            $('#gloval-nav a').on('click', function() {
                $('#nav-toggle').trigger('click');
                document.getElementById('arrows').style.display = "block";
                document.getElementById('pager').style.display = "block";
            });
        });
    </script>
    <!-- END ハンバーガーメニュー アンカーリンク押下後メニューを閉じて遷移させる -->

Comments

[hatena19]

現状のHTMLとCSSも提示してください。

Answer 1

情報が不足しているので推測ですが、

body.open #arrows{
  display: none;
}

とかでは、ダメなのですか？

Comments

[mariueda]

無事非表示になりました。
ありがとうございます。