jQuery中的函数简化

我有一个关于编写jquery的问题

我需要用两个不同的类名运行函数。 （.菜单和.菜单单） 要缩短这个冗长的函数，我应该怎么做

 <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>

jQuery（函数（$）{
$（'.menu'）。在（'click'，function（）上{
$（'.menu__行'）。toggleClass（'active'）；
$（'.gnav'）.fadeToggle（）；
});
});
jQuery（函数（$）{
$（'.menu_single'）。在（'click'，function（）上{
$（'.menu__行'）。toggleClass（'active'）；
$（'.gnav'）.fadeToggle（）；
});
});

将处理程序绑定到这两个类，并使用

$（this）

引用用户单击的元素

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