响应式导航无法切换菜单按钮

Question

我差不多已经为我的网站构建了一个响应式导航，但我似乎无法将导航隐藏在＆＃34;菜单＆＃34;按钮直到被点击。现在，当窗口足够小以满足css查询时，我只是得到一个堆叠的导航，并且所有可见。这是我正在使用的javascript。我希望有人可以帮助我。

<script>
$(document).ready(function() {
$(".toggleMenu").css("display", "none");
$(".nav li").hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});
});
</script>
<script>
$(document).ready(function() {
$(".nav li a").each(function() {
    if ($(this).next().length > 0) {
        $(this).addClass("parent");
    };
})
if (ww < 800) {
    $(".toggleMenu").css("display", "inline-block");
    $(".toggleMenu").click(function(e) {
e.preventDefault();
$(".nav").toggle();
});

if (ww < 800) {
$(".toggleMenu").css("display", "inline-block");
$(".nav").hide();
} else {
    $(".toggleMenu").css("display", "none");
    $(".nav li").hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
}
</script>