Danke BrokenHeart , aber z.Z. beise ich mir erst einmal am smooten (soften) Aufklappen der Menüs
die Zähne aus.
Hier ein Versuch, der, wie sollte es auch anders sein, nicht funktioniert!
JavaScript
// Warten, bis das Dokument vollständig geladen ist
window.addEventListener('DOMContentLoaded', function() {
// Funktion zum Hinzufügen von Übergängen zu den Menüs
function addTransitions() {
var menus = [
'#AMpopup',
'#menu_FilePopup',
'#menu_EditPopup',
'#menu_viewPopup',
'#historyMenuPopup',
'#bookmarksMenuPopup',
'#menu_ToolsPopup',
'#menu_HelpPopup'
];
menus.forEach(function(selector) {
var menu = document.querySelector(selector);
if (menu) {
menu.style.transition = 'opacity 2s ease-in-out, transform 2s ease-in-out';
menu.style.opacity = '0';
menu.style.transform = 'translateY(-10px)';
// Event-Listener hinzufügen, um den Übergang zu starten, wenn das Menü geöffnet wird
menu.addEventListener('popupshowing', function() {
this.style.opacity = '1';
this.style.transform = 'translateY(0)';
});
// Event-Listener hinzufügen, um den Übergang zurückzusetzen, wenn das Menü geschlossen wird
menu.addEventListener('popuphiding', function() {
this.style.opacity = '0';
this.style.transform = 'translateY(-10px)';
});
}
});
}
// Übergänge hinzufügen
addTransitions();
});
