accordion ohne toggle effect

[RedWise]

Hallo,

welche Möglichkeiten gibt es bei dem Accordeon den toggle effect beim schließen zu entfernen? Für Mootools gibt es ja eine Lösung.

der verwendete Code:

<script src="<?= TL_ASSETS_URL ?>assets/jquery-ui/js/jquery-ui.min.js"></script>
<script>
jQuery(function($) {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: '.toggler',
collapsible: true,

// Alle Akkordeons eingeklappt
active: false,

create: function(event, ui) {
ui.header.addClass('active');
$('.toggler').attr('tabindex', 0);
},
activate: function(event, ui) {
ui.newHeader.addClass('active');
ui.oldHeader.removeClass('active');
$('.toggler').attr('tabindex', 0);
}
});
});
</script>

[csm]

Hallo,
soweit ich weiß geht das für das jQuery Accordion nicht.
Ich habe es mal so gelöst, dass ich mir selbst was kleines gebaut habe:

JS (auf Basis von jQuery

$( ".ce_multiaccordion" ).click(function() {
  $( this ).toggleClass( "active" );
});

Ich habe die Klasse 'ce_multiaccordion' dafür verwendet. Natürlich darfst Du dann im Layout nicht das accordion aktivieren, sondern nur jQuery.

Im CSS brauchst Du dann nur folgendes:

.ce_multiaccordion > div {
  display: none;
}
.ce_multiaccordion.active > div {
  display: block;
}

Damit gehen alle Bereiche auf und bleiben auf, bis sie zugeklappt werden.

Gruß
csm