如何在一个javascript切换中包含多个div？

我正在尝试为我的小型或移动版响应站点实现javascript切换效果。我正在使用我自己的自定义WordPress主题

我试图使用本文中的脚本：

棘手的是，我试图包括几个div，而不仅仅是一个nav。如果您查看目前仍在施工的现场，请访问：

http://66.147.244.81/~assureva/

把你的浏览器窗口缩小到540px以下，你会看到我已经成功地获得了我的顶部导航栏smallnav、2个登录链接、facebook和LinkedIn图标，所有这些都消失了，当按下现在显示在徽标右侧顶部的主菜单按钮时，这些图标会重新出现。但我似乎无法在最后一部分中添加，这是构成主导航的4个链接。我已经将整个区域包装在一个div mobimenubg中，但是主导航栏的行为就像它不在该div中一样，但是smallnav、logins和socialcons div都按照mobimenubg div中的要求进行组合

如果继续并将导航栏div设置为display:none，它将消失，但在单击主菜单按钮时不会重新显示

因此，我认为要求javascript包含mobimenubg div和navbar div的答案navbar div是一个包含实际nav的容器，但我不知道如何正确编写它

下面是javascript：

<script type="text/javascript">
jQuery(document).ready(function($)
{/* prepend menu icon */
$('#mobimenuwrap').prepend('<div id="menu-icon">Main Menu</div>');
/* toggle nav */
$("#menu-icon").on("click", function(){
    $("#mobimenubg").slideToggle();
    $(this).toggleClass("active");
}); 
    }); 
   </script>

或者我可以将其包含在附件中：

$("#mobimenubg" IN HERE?).slideToggle();

我不知道惯例-

非常感谢您的帮助

我把整个区域都包在一个分区mobimenubg中，但主导航栏的行为好像它不在该分区中

您实际上拥有正确的代码，但HTML结构已关闭。navbar div不包含在mobimenubg div中，这就是问题所在。只需确保将navbar嵌套在那里，否则我认为您也可以调用navbar上的函数，如：

$("#navbar").slideToggle();

---

逗号分隔$mobimenubg，第二，第三，你有你的网站的域名，我们可以链接它吗？谢谢！代码起作用了——我用mobimenubg跟在你的后面，现在它全部打开和关闭。

$("#navbar").slideToggle();