Javascript 当单击函数有一个窗口大小if语句时，组合两个单击函数的方法

我试图结合两个单击函数来压缩代码，但我不确定如何压缩。谢谢

$(document).ready(function () {

//when clicking on a link hide the navigation links
$('nav a').click(function () {

    if ($(window).width() < 730) {
        $('nav').toggleClass('showNav');
        $('.navToggle').toggleClass('iconTop');
        $('.navToggle').toggleClass('iconMiddle');
        $('.navToggle').toggleClass('iconBottom');
    }
});

//when clicking on icon hide and show the navigation links
//the icon is only visible when the screen size is less then 730px
$('.navToggle').click(function () {
    $('nav').toggleClass('showNav');
    $('.navToggle').toggleClass('iconTop');
    $('.navToggle').toggleClass('iconMiddle');
    $('.navToggle').toggleClass('iconBottom');
});

});

$（文档）.ready（函数（）{
//单击链接时，隐藏导航链接
$（'nav a'）。单击（函数（）{
如果（$（窗口）.width（）<730）{
$（'nav'）.toggleClass（'showNav'）；
$（'.navToggle'）.toggleClass（'iconTop'）；
$（'.navToggle'）.toggleClass（'iconMiddle'）；
$（'.navToggle'）.toggleClass（'iconBottom'）；
}
});
//单击图标时隐藏并显示导航链接
//该图标仅在屏幕大小小于730px时可见
$（'.navToggle'）。单击（函数（）{
$（'nav'）.toggleClass（'showNav'）；
$（'.navToggle'）.toggleClass（'iconTop'）；
$（'.navToggle'）.toggleClass（'iconMiddle'）；
$（'.navToggle'）.toggleClass（'iconBottom'）；
});
});

您喜欢这项工作吗

$('nav a, .navToggle').click(function () {
    if ($(this).hasClass('navToggle') || $(window).width() < 730) {
        $('nav').toggleClass('showNav');
        $('.navToggle').toggleClass('iconTop iconMiddle iconBottom');
    }
});

$（'nav a，.navToggle'）。单击（函数（）{
if（$（this）.hasClass（'navToggle'）| |$（window）.width（）<730）{
$（'nav'）.toggleClass（'showNav'）；
$（'.navToggle'）.toggleClass（'iconTop iconMiddle iconBottom'）；
}
});

---

基本上，您可以检查单击的元素是否具有类

.navToggle

。如果没有，则在执行操作之前检查窗口大小。

这可以使用css媒体查询完成