Wie animiere ich ein Div-Element mit jQuery auf automatische Höhe?

1. Speichern Sie die aktuelle Höhe:Bestimmen Sie die Höhe des
   vor der Größenänderung.

var curHeight = $('#first').height();

2. Übergang zur automatischen Höhe: Überschreiben Sie die Höheneigenschaft für einen Moment mit „auto“.

$('#first').css('height', 'auto');

3. Ermitteln Sie die automatische Höhe: Rufen Sie die natürliche Höhe ab
   mit automatischer Höhe.

var autoHeight = $('#first').height();

4. Zurücksetzen und animieren: Stellen Sie die ursprüngliche Höhe wieder her und starten Sie die Animation auf die automatische Höhe.

$('#first').height(curHeight).animate({height: autoHeight}, 1000);

5. Verketten Sie den Code: Kombinieren Sie alle Schritte für eine einfache Lösung.

var el = $('#first'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 1000);

Das obige ist der detaillierte Inhalt vonWie animiere ich ein Div-Element mit jQuery auf automatische Höhe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!