Die Abschnitte in Jquery Mobile Collapsible-Inhalt dynamisch erweitern und reduzieren

8

Ich habe einen zusammenklappbaren Inhalt mit Abschnitten wie unten erwähnt erstellt

%Vor%

Der obige Block erstellt einen zusammenklappbaren Inhalt mit zwei Abschnitten mit erweitertem zweiten Abschnitt.

Ich möchte den ersten Abschnitt erweitert und den zweiten Abschnitt als ausgeblendet erweitern. Sobald ich im ersten Abschnitt eine Aktion ausführe, sollte der zweite Abschnitt erweitert und der erste Abschnitt minimiert werden.

Ich habe versucht, die Eigenschaft data-collapsed="true" dynamisch zu ändern, lädt sie aber immer noch nicht als erweitert.

Kann mir jemand helfen, dieses Problem zu beheben, oder irgendeine URL, die die Eigenschaften oder Attribute auflistet, die zusammen mit reduzierbaren Inhalten verwendet werden können

    
Prasad 07.09.2011, 10:16
quelle

4 Antworten

15

Um den folgenden Code zu vereinfachen, nehmen Sie einfach an, dass der erste reduzierbare Block id = 'first' und der zweite id = 'second' hat. Verwenden Sie also:

%Vor%     
pazur 10.09.2011 08:58
quelle
9
%Vor%

Funktioniert mit JQM 1.4

Collapsed

    
Richard Fox 26.02.2014 22:48
quelle
1

jQuery Mobile stylt eine Reihe von zusammenklappbaren Elementen visuell als Gruppe und sorgt dafür, dass sich die Gruppe wie ein Akkordeon verhält, da immer nur eine reduzierbare Komponente geöffnet sein kann, wenn Sie die reduzierbaren Elemente in ein div mit der Attribut-Datenrolle einfügen="reduzierbarer Satz".

%Vor%     
chirag Nandwani 30.01.2014 12:03
quelle
-1

Entfernen Sie "data-collapsed=" false "aus dem ersten Abschnitt und fügen Sie data-collapsed=" true "dem zweiten Abschnitt hinzu. Sie müssen keine Änderungen dynamisch vornehmen. Diese obige Änderung funktioniert wie von Ihnen gefordert.

    
Bala 10.09.2011 09:19
quelle

Tags und Links