Ciao Anu,
Lo puoi fare con due semplici modifiche:
- Aggiungendo un plugin per jQuery che si chiama [url=https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js]cookies.js
(Lo devi includere dopo aver incluso jQuery.)
- Aggiungendo una funzione in JavaScript che mantiene le informazioni relative a quale tab è attivo tramite cookie.
<script>
jQuery(document).ready(function(){
$( "#accordion" ).accordion({
change: function(event, ui) {
//set cookie for current index on change event
$.cookie('saved_index', null);
$.cookie('saved_index', $( "#accordion" )
.accordion( "option", "active" ));
},
active:parseInt($.cookie('saved_index'))
});
});
</script>
Puoi vedere un esempio completo e il codice sorgente [url=http://www.alice.bo.it/wp-content/accordion.html]a questa pagina.
Nota 1. rispetto al tuo codice HTML ho cambiato il tag del div accordion da class="accordion" a id="accordion"
Ti consiglio di usare id, ma se vuoi usare class, allora devi anche cambiare il codice JavaScript nella seconda riga da "#accordion" a ".accordion"
Nota 2. ho anche usato un [url=http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css]foglio di stile fatto apposta per il jquery.ui, non è necessario che lo usi per quanto riguarda la funzionalità.
Ciao, spero di essere stata d'aiuto.