2 Stimmen

Erweitern und Zusammenklappen von Div über Jquery & CSS

Ich möchte die div's erweitern/zusammenklappen auf die Jquery "Click-Funktion" Ich habe erstellt. Der Unterschied zwischen meiner Frage und anderen Fragen ist die Tatsache, dass ich die maximale Größe bei "120px" für die div's halten müssen, während sie in ihrem "zusammengeklappt" Zustand sind, und dann brauchen die Höhe "100%" zu sein, wenn es in der "erweitert" Zustand ist.

Jedes übergeordnete Div (z.B. div id = "1") wird dynamisch aus der SQL-Datenbank erstellt, abhängig von der Abfrage, die an anderer Stelle bearbeitet wird. Es gibt mehrere dieser Divs auf einer Seite (wiederum abhängig von der Abfrage des Benutzers).

Hier ist eine jsfiddle-URL zu meinem Code so weit: http://jsfiddle.net/m22Gu/17/

2voto

Scott Punkte 21066

Kommt das dem nahe, was Sie suchen?

HIER DEMO

Sie können den slideToggle nicht verwenden, wenn Sie möchten, dass der Inhalt sichtbar bleibt. Stattdessen animieren Sie einfach die Höhe der Divs.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X