~~~js $(".ddmenu").click(function (e) { var actualFlyout = $(this).find(".dropdown"); if( actualFlyout.hasClass('opened') ) { $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').slideUp(350, 'easeOutCubic'); } else { if($(".dropdown.opened").length > 0) { $(".ddmenu.opened").toggleClass('opened'); $(".dropdown.opened").toggleClass('opened').slideUp(350, 'easeOutCubic', function() {}); } $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').toggle(350, 'easeOutCubic'); } }); ~~~ Ich habe dieses JS für ein Dropdown-Menü in einer Navigation. Prinzipiell funktioniert es, doch beim ersten "click" im Frontend zieht sich das DD-Menü wieder zusammen, weil automatisch "display: none;" als Inline-CSS hinzugefügt wird, obwohl ich das so nirgends festgelegt habe. Kann ich im o.g. Script eine Zeile hinzufügen, die das unterbindet und grundlegend für die Klasse .ddmenu.opened "display:inline-block" definiert? Danke im Voraus, xxx Nick

~~~ $(".ddmenu").click(function (e) { var actualFlyout = $(this).find(".dropdown"); if( actualFlyout.hasClass('opened') ) { $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').slideUp(350, 'easeOutCubic'); } else { if($(".dropdown.opened").length > 0) { $(".ddmenu.opened").toggleClass('opened'); $(".dropdown.opened").toggleClass('opened').slideUp(350, 'easeOutCubic', function() {}); } $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').toggle(350, 'easeOutCubic'); } }); ~~~ Ich habe dieses JS für ein Dropdown-Menü in einer Navigation. Prinzipiell funktioniert es, doch beim ersten "click" im Frontend zieht sich das DD-Menü wieder zusammen, weil automatisch "display: none;" als Inline-CSS hinzugefügt wird, obwohl ich das so nirgends festgelegt habe. Kann ich im o.g. Script eine Zeile hinzufügen, die das unterbindet und grundlegend für die Klasse .ddmenu.opened "display:inline-block" definiert? Danke im Voraus, xxx Nick

$(".ddmenu").click(function (e) { var actualFlyout = $(this).find(".dropdown"); if( actualFlyout.hasClass('opened') ) { $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').slideUp(350, 'easeOutCubic'); } else { if($(".dropdown.opened").length > 0) { $(".ddmenu.opened").toggleClass('opened'); $(".dropdown.opened").toggleClass('opened').slideUp(350, 'easeOutCubic', function() {}); } $(this).toggleClass('opened'); actualFlyout.toggleClass('opened').toggle(350, 'easeOutCubic'); } }); Ich habe dieses JS für ein Dropdown-Menü in einer Navigation. Prinzipiell funktioniert es, doch beim ersten "click" im Frontend zieht sich das DD-Menü wieder zusammen, weil automatisch "display: none;" als Inline-CSS hinzugefügt wird, obwohl ich das so nirgends festgelegt habe. Kann ich im o.g. Script eine Zeile hinzufügen, die das unterbindet und grundlegend für die Klasse .ddmenu.opened "display:inline-block" definiert? Danke im Voraus, xxx Nick