.cookie-links.visible {
display: block; /* Zeige das Element */
opacity: 1; /* Opazität auf 1 setzen */
transform: translateY(0); /* Bewege das Element nach oben */
}
document.addEventListener(‚DOMContentLoaded‘, function() {
const icon = document.querySelector(‚.cookie-icon‘);
const column = document.querySelector(‚.cookie-links‘);
// Stelle sicher, dass die Spalte zu Beginn unsichtbar ist
column.style.display = ’none‘;
// Klick-Event für das Icon hinzufügen
icon.addEventListener(‚click‘, function() {
if (column.classList.contains(‚visible‘)) {
// Wenn die Spalte sichtbar ist, entferne die Klasse und verstecke sie
column.classList.remove(‚visible‘);
setTimeout(function() {
column.style.display = ’none‘; // Nach der Animation verstecken
}, 500); // Warten bis die Animation beendet ist
} else {
// Wenn die Spalte unsichtbar ist, füge die Klasse hinzu, um sie zu zeigen
column.style.display = ‚block‘;
setTimeout(function() {
column.classList.add(‚visible‘); // Verzögerung für die Animation
}, 10); // Kleine Verzögerung, damit die Animation startet
}
});
});