Упрощающая функция в jQuery

Question

У меня вопрос о написании jquery.

Мне нужно запустить функции с двумя разными именами классов. (.menu и .menu_single) Что мне делать, чтобы сократить эти длинные функции?

 <script>
    jQuery(function($){
        $('.menu').on('click',function(){
        $('.menu__line').toggleClass('active');
        $('.gnav').fadeToggle();
        });
    });
    jQuery(function($){
        $('.menu_single').on('click',function(){
        $('.menu__line').toggleClass('active');
        $('.gnav').fadeToggle();
        });
    });
    </script>

Answer 1

Свяжите обработчик с обоими классами и используйте $(this) для ссылки на элемент, по которому щелкнул пользователь.

jQuery(function($){
    $('.menu,.menu_single').on('click',function(){
        $(this).toggleClass('active');
        $('.gnav').fadeToggle();
    });
});