Druckbare Version
hi zusammen,
hat mir jemand einen Tipp, was ich am Code ändern muss, damit sich ein Accordion per Klick wieder schließen lässt? Das Accordion ist aktuell ausklappt und lässt sich nicht mehr schließen.
Ich habe einen Umzug von Contao 3.5 auf Contao 4.4.46 durchgeführt.
Hier der Link dazu: http://test.misshandlung-und-trauma.de/ueber-uns.html.
Wenn man auf Vita klickt.
Für einen TIpp wäre ich euch sehr dankbar.
Bei einem Contao Update musst du auch alle eigenen Templates selbst aktualisieren. Bspw. dein selbst angepasstes j_accordion Template.
Ok dankeschön.Zitat:
Zitat von Spooky
Das ist der aktuelle Code. Was muss ich denn da ändern. Damit ich das Accordion wieder aufklappen kann?PHP-Code:
<script src="<?= TL_ASSETS_URL ?>assets/jquery/ui/<?= $GLOBALS['TL_ASSETS']['JQUERY_UI'] ?>/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
active: false,
collapsible: true,
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);
}
});
});
})(jQuery);
</script>
Vergleiche es einfach mit dem Original Template ;). Bzw. lösche einfach dein Template, wenn du gar keine Anpassung brauchst.
Perfekt. Habs angepasst. ;-)Zitat:
Zitat von Spooky
Jetzt habe ich leider noch ein kleines Problem. Möchte deswegen nicht einen extra Thread eröffnen. Wenn ich oben in der Navigation einen Navigationspunkt anklicke, wird kurzzeitg die mobile Navigation eingeblendet. Woran liegt das?
» https://github.com/dklemmt/contao_dk...ment-507750851Zitat:
Zitat von monaco
Aber ich habe ja jetzt schon folgendes definiert:Zitat:
Zitat von Spooky
PHP-Code:.mm-menu_offcanvas:not(.mm-menu_opened) {
display: none;
Du hast den falschen Selector verwendet. So sieht das HTML deines mobilen Menüs aus:Nimm einfach den Selector aus der Anleitung und passe ihn entsprechend deinem Menü an.HTML-Code:<nav class="mod_mmenu" id="mobilnav">
…
</nav>