https://www.infanthearing.org/scripts/show-hide-mobile-menu-functions.js

1/*standard jquery ui code to hide/ show the menu*/
2$( ".button" ).click(function() {
3  $( "#header-top-right, #search, #nav" ).toggle( "blind", 1000 );
4});
5
6
7/*extra jquery ui code for this page to fix a bug.  Without this, if you use the menu button (show/ hide toggle) and then widen the browser window to the point where the button icon is replaced by the desktop version navigation tabs, then the navigation tabs are hidden and the page must be refreshed.  Added to the code/ solution found on this page: http://stackoverflow.com/questions/13032496/jquery-toggle-issue-with-responsive-design*/
8
9$(window).resize(function() {
10	if($(window).width() > 819)
11	{
12		$("#header-top-right, #search, #nav").show();
13	}
14	else
15	{
16		$("#header-top-right, #search, #nav").hide();
17	}
18});