display: none; wird automatisch generiert - warum?

[ArtNick]

$(".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