Chiudere un Panel in jQuery Mobile

Vediamo un piccolo tip per chiudere un componente Panel in jQuery Mobile.

Un primo modo, visibile anche nella documentazione, è quello di usare un tasto apposito:

 <li data-icon="delete"><a href="#" data-rel="close">Close menu</a></li>

Qui si usa l'attributo data-rel="close".

Se invece vogliamo farlo programmaticamente, perchè magari nel menu richiamiamo una funzione Javascript, ci basterà mettere questo nella funzione:

$("[data-role=panel]").panel("close");

Così, una volta richiamata la funzione, il Panel verrà chiuso in automatico.

Enjoy!