Nach einen kleinen Mittagsschläfchen bin ich doch ein Stück, bzw. soweit gekommen das es funktioniert - ist vielleicht nicht die eleganteste Lösung aber zu mindesten eine Lösung die funktioniert.
Code:
<script>
(function($) {
$(document).ready(function() {
// Alle ersteinaml zuklappen
$(document).accordion({
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
active: false,
create: function(event, ui) {
ui.header.addClass('active');
$('div.toggler').attr('tabindex', 0);
},
activate: function(event, ui) {
ui.newHeader.addClass('active');
ui.oldHeader.removeClass('active');
$('div.toggler').attr('tabindex', 0);
}
});
// Akkordion wieder aufklappen, falls dort ein Fehler nach dem POST aufkam.
$('.accordion').each(function(index, element) {
var $element = $(element);
if ($element.find('.error').length > 0) {
$(document).accordion('option', 'active', index);
}
});
});
})(jQuery);
</script>
Für die Suche: jQuery, Formular, Accordion, Formulargenerator, Formular, Fehlerbehandlung.
Lesezeichen