Javascript 如何垂直扩展web'；打开菜单时，单击“打开”按钮

我正在JQuery中构建一个垂直扩展的小菜单，我需要一些帮助

我的主要问题是，当我点击菜单来展开它时，网络不会展开，所以我不能点击最后一个菜单的链接，因为它已超出页面。所以我想当点击发生时，我需要某种方法来扩展文档的主体，但我不知道如何实现这一点

那么，在打开菜单时，如何垂直展开“画布/主体/等…”

我的第二个问题是：当点击链接并从页面更改时，我如何做到菜单不隐藏

谢谢

我的Jquery：

$(function() {
      var visibleFashion = false;

      $('#menu-fashion').css({'display':'none'});

      //FASHION
      $('#fbtn').click(function() {

        if (visibleFashion) {
          $('#menu-fashion').css({'display':'none'});
          visibleFashion = false;
          return;
        }

        $('#menu-fashion').css({'display':'block'});
        visibleFashion = true;


      });


      $('#menu-fashion').click(function() {
        $(this).css({'display':'none'});
        visibleFashion = false;
      });
});

这是我关于HTML/PHP的部分：

<!--Class menus-->
                <div id="fbtn" style="margin-top:10px; cursor:pointer;">Fashion</div>
                <?php wp_nav_menu(array('theme_location' => 'secondary', 'menu_class' => 'nav-menu', 'container_id' => 'top-right-menu-fashion', 'fallback_cb' => false)); ?>

---

您尝试做的事情的逻辑如下：

$('#menu').height(0);

var menuOpen=false;
$('a').click(function(e){
    if(!menuOpen){
        $('#menu').animate({
            height:100
        },200);
        menuOpen=true;
    }
    else{
        $('#menu').animate({
            height:0
        },200);
        menuOpen=false;
    }
    e.preventDefault();
    return false;
});
$('section').not('a').click(function(e){
    if(menuOpen){
        $('#menu').animate({
            height:0
        },200);
        menuOpen=false;
        e.preventDefault();
        return false;
    }
});

---

现在，您只需将此逻辑插入到项目中，就可以开始了。

您尝试执行的操作的逻辑如下：

$('#menu').height(0);

var menuOpen=false;
$('a').click(function(e){
    if(!menuOpen){
        $('#menu').animate({
            height:100
        },200);
        menuOpen=true;
    }
    else{
        $('#menu').animate({
            height:0
        },200);
        menuOpen=false;
    }
    e.preventDefault();
    return false;
});
$('section').not('a').click(function(e){
    if(menuOpen){
        $('#menu').animate({
            height:0
        },200);
        menuOpen=false;
        e.preventDefault();
        return false;
    }
});

---

现在，您只需将此逻辑插入到项目中，就可以开始了。

对不起，我忘了！现在编辑好了。对不起，我忘了！现在它被编辑了。