Hola gente, ho creato un accordion che come argomenti all'interno delle sezioni ha dei menù.
Questa è una parte dell'html. Il javascript è questo
codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://jaaulde.com/test_bed/stickyaccordion/jquery.cookies.js"></script>
<script>
$( function()
{
var cookieName = 'stickyAccordion';
$( '#accordion' ).accordion( {
clearStyle: true,
autoHeight: false,
collapsible: true,
header: 'h3',
active: ( $.cookies.get( cookieName ) || 0 ),
change: function( e, ui )
{
$.cookies.set( cookieName, $( this ).find( 'h3' ).index ( ui.newHeader[0] ) );
}
} );
} );
</script>
Come vedete ho usato uno script con i cookies per far si che cambiando pagina nel menù mi rimanga aperta l'ultima sezione dell'accordion selezionata. Il problema è che l'accordion si apre solo se clicco sul background (una striscia orizzontale grigia, un semplice png) ma non sull'h3. Non capisco perchè.