Bootstrap 3 glatte Akkordeonübergänge

7

Ich benutze ein Bootstrap 3 Akkordeon. Alles funktioniert gut, außer der Übergang ist nicht glatt. Es ist wie Sprungübergänge. Wie kann ich einen reibungslosen Übergang haben?

HTML

%Vor%

JS

%Vor%

Ich habe alles auf der offiziellen Website verfolgt.

Was ich versucht habe:

Diese Übertragung CSS auf kollabierende Klasse

%Vor%     
Navneil Naicker 01.01.2014, 23:47
quelle

3 Antworten

18

Nur die Aktualisierung aktualisieren sollte funktionieren

%Vor%     
Abz 09.04.2015, 16:30
quelle
3

Springende Slide-Effekte werden oft durch mehrdeutige Höhenberechnungen verursacht. Versuchen Sie eine Höhe von .panel-body zu setzen, auch wenn es 100% ist.

Wenn das nicht funktioniert, geben Sie ihm eine explizite Breite.

    
isherwood 02.01.2014 01:27
quelle
2

Animiere stattdessen die maximale Höhe.

Wenn Sie Ihren Container auf maximale Höhe einstellen: XXpx; Als Standard und verwenden Sie CSS-Übergänge, um die maximale Höhe zu einer Zahl zu animieren, die größer ist als Ihre Vorgabe und größer als Ihre mögliche Container- / Texthöhe, die wie ein Charm funktioniert.

    
Smccullough 20.03.2014 14:09
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset OverflowError: (34, 'Ergebnis zu groß')