Fügen Sie einen glatten Effekt zum Ausblenden einer Liste hinzu

Question

Ich habe ein einfaches Verbergen und Zeige-Skript für meine Liste. Aber im Idealfall möchte ich, dass es eine glatte Wirkung auf es hat. Gibt es eine Möglichkeit, es ähnlich zu machen:

https://jqueryui.com/accordion/#sortable

hier ist mein JS:

function toggleA() { 

    var list = document.getElementById("ListA"); 

    if (list.style.display == "none") { 
    list.style.display = "block"; 
    } else { 
     list.style.display = "none"; 
    } 
} 

Answer 1

, wenn Sie für Effekte suchen Sie eine dieser

1. verwenden können css Animationen (Wirklich nützliche Bibliothek: https://daneden.github.io/animate.css/)
2. slideUp mit jquery (http://api.jquery.com/slideup/)
3. @Wesley Coetzee

Und OFC Sie können Ihre eigenen Animationen mit CSS machen ...

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

Answer 2

Haben Sie JQuery etwas dagegen mit, wie Sie die verknüpft haben Beispiel?

können Sie verwenden .slideUp() Effekt für die

Answer 3

Haben Sie einen Blick auf jQuery animieren hatte?