Buongiorno
Perdonate la mia ignoranza ma non conosco javascript
Ho utilizzato, per fare il menù responsive, le istruzioni di un vostro tutorial
jQuery(function () {
var collapsed = true;
jQuery('nav#nav1 >h4').click(function () {
collapsed = !collapsed;
formatSidebar();
});
jQuery(window).resize(formatSidebar);
formatSidebar();
function formatSidebar() {
if (jQuery(window).width() > 750) {
jQuery('nav#nav1').removeClass('collapsible');
jQuery('nav#nav1 ul#menu-principale').show();
jQuery('nav#nav1 ul#menu-settori-up').hide();
} else {
jQuery('nav#nav1').addClass('collapsible');
if (collapsed) {
jQuery('nav#nav1 ul#menu-principale').hide();
jQuery('nav#nav1 ul#menu-settori-up').hide();
jQuery('nav#nav1 > h4').removeClass('minus');
} else {
jQuery('nav#nav1 ul#menu-principale').show();
jQuery('nav#nav1 ul#menu-settori-up').show();
jQuery('nav#nav1 > h4').addClass('minus');
}
}
};
});
</script>
Il problema è che quando sono nella versione cellulare cioè col menù nascosto e faccio un refresh della pagina, esso si espande per poi richiudersi subito. E questo comportamento lo fa anche all'apertura della pagina quindi alla load
Come posso far sì che questo non avvenga? E che nella versione mobile il menù rimanga chiuso sia alla load che al refresh?
Grazie infinite per l'aiuto