Ciao a tutti, avevo trovato in rete questo script jQuery per far collassare le sottopagine di un menù di wordpress:

jQuery(document).ready(function($){
$('.main-navigation li ul').hide();
$('.main-navigation li').has('ul').click(function() {
$(this).children().toggle();
});
});

Ho provato ad inserirlo direttamente nel body e funzionava (ora non funziona più e non ho idea del perché!). Qualcuno può aiutarmi ad implementare una funzione del genere dato che non sono pratico di JS/jQuery?
Un'altra cosa importante è che deve inoltre essere caricato solo nella versione mobile, quindi se la larghezza del browser <599px...

Grazie!!