jquery可扩展菜单推送体

Question

我正在尝试在移动视图中创建一个可扩展菜单，使用JQuery将页面主体向下推，这样菜单就会位于主体顶部而不会重叠。我很确定我正在使用正确的命令，但似乎无法确定要定位的元素。

tab_width
end_of_line
insert_final_newline
trim_trailing_whitespace

CSS：

<script>
  $(document).ready(function(){
    $("button.navbar-toggle").click(function() {
  $("#myNavbar" ).toggleClass("open");
});
  });
</script>

HTML：

div.open{
  margin-bottom:120px;
}

任何建议都会非常感激！

Answer 1

我认为你在寻找的是

$(document).ready(function(){
  $("button.navbar-toggle").click(function() {
    $("#myNavbar" ).slideToggle();
    $('.homepage-wrapper').toggleClass("open");
  });
});

确保已包含所需的jquery和bootstrap文件

CSS

.homepage-wrapper {
  margin-top: 60px;
}
.homepage-wrapper.open{
  margin-top:260px;
}