javascript - if 语句卡在 else

Question

我试图通过单击同一个词来使菜单出现和消失。我刚开始学习这些语言。但我认为我正在取得一些进展。在这里和其他在线资源上阅读了大量内容后，我发现了这一点:

var main = function() {

if($('.menu').css('top') == '-65px') {    
    $('.icon-menu').click(function() {
        $('.menu').animate({top: '10px'}, 400);
        $('.content').animate({top: '10px'}, 400);
    });
}

else {
    $('.icon-menu').click(function() {
        $('.menu').animate({top: '-65px'}, 400);
        $('.content').animate({top: '-65px'}, 400);
    });
}  
};

$(document).ready(main);

到目前为止，我能够使菜单出现但不会消失。

谁能帮帮我？

Answer 1

您只检查一次菜单的状态，而不是在每次点击时检查。把东西翻过来:

var main = function() {
  $('.icon-menu').click(function() {

    if ($('.menu').css('top') == '-65px') {    
      $('.menu').animate({top: '10px'}, 400);
      $('.content').animate({top: '10px'}, 400);
    } 
    else {
      $('.menu').animate({top: '-65px'}, 400);
      $('.content').animate({top: '-65px'}, 400);
    }
  });
};