Jquery .slidetoggle, Display:none

I have a logic problem. I have a CSS drop down menu, which when the browser, or mobile phone, width is less that 690pixles becomes a menu that is only displayed on a toggle. I.e. t

Solution 1:

You could show it and hide it on window resize, so that you make sure the menu is always visible in big screens and not visible in small screens.

$( window ).resize(function() {
    if($( window ).width() >= 690) {
        $("#responsive").show();
    }
    else {
        $("#responsive").hide();
   }
});