how include multiple divs in one javascript toggle?
<p>I am trying to implement a javascript toggle effect for my "small" or mobile sized version of a responsive site. I am using my own custom WordPress theme.</p>

<p>I'm trying to use the script from this article: <a href="http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial/comment-page-1" rel="nofollow">http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial/comment-page-1</a></p>

<p>The tricky part is that I'm trying to include several divs, not just a single nav. If you look at the site now (which is still under construction), at:</p>

<pre><code>http://66.147.244.81/~assureva/
</code></pre>

<p>and reduce your browser window to narrower than 540px, you'll see that I've managed to get my top navbar (smallnav), 2 "login" links, and facebook and LinkedIn icons, all to disappear, and re-appear when pressing the "main menu" button that now appears at the top, to the right of the logo. But I can't seem to add in the last part, which is the 4 links that comprise the main "nav". I've wrapped the entire area in a div (mobimenubg), but the main navbar acts like it isn't in that div, but the "smallnav", "logins" and "socialcons" divs all combine as desired in the "mobimenubg" div.</p>

<p>If I go ahead and set the "navbar" div to "display:none" it will disappear but it won't re-appear when I click the "main menu" button.</p>

<p>So I <em>think</em> the answer to ask the javascript to include the "mobimenubg" div AND the "navbar" div (the "navbar div is a container that includes the actual "nav") but I don't know how to write it properly.</p>

<p>Here's the javascript:</p>

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

<p>Can someone tell me how add the navbar div? Do I add another line after:</p>

<pre><code>$("#mobimenubg").slideToggle();
</code></pre>

<p>or can I include it in the parens:</p>

<pre><code>$("#mobimenubg" IN HERE?).slideToggle();
</code></pre>

<p>I  don't know the conventions -</p>

<p>Help greatly appreciated!!</p>
