jquery auf-und Zuklappen

Ich versuche zu replizieren, die Wirkung der Cloudania Bürger Seite hier gefunden:

http://cloudania.com/citizens/

Ich bin nur auf der Suche für seine grundlegende Wirkung von auf-und Zuklappen, wenn Sie auf ein Bild klicken.

Habe ich mit jQuery-Zusammenbruch von webcloud aber ich kann nicht die Bilder bleiben inline.

So, ich will es schauen, wie dieses beim öffnen der Seite

http://i.stack.imgur.com/Lva48.png

Dann box 1 geklickt und es sieht dann aus wie:

http://i.stack.imgur.com/SSAfV.png

Vielen Dank für Ihre Hilfe

InformationsquelleAutor user1379075 | 2012-05-07
  1. 6

    Ich weiß, gehen die Jquery-Website ist wirklich langweilig, aber die einfacheren arbeiten ist, desto besser. Versuchen Sie es mit Folie Umschalten und eine gute css-und man kann leicht zu erreichen. mehr info auf slide wechseln kann hier gefunden werden: http://api.jquery.com/slideToggle/.

    1. Müssen Sie haben jedes Feld onClick zu schieben-stellen Sie den inhalt1,
    2. Müssen Sie alle 7 verschiedenen Inhalt Inhalt 1 als absolute position und versteckt /dispaly:none;
    3. Dann auch auf jeder box onClcick müssen Sie mitteilen, um zu zeigen, das zugehörige verborgene div.
    4. Im Falle einer box auf eine andere Zeile geklickt wird, müssen Sie die Folie Umschalten, die anderen öffnen inhalt1 zu schließen.

    Einfach.

    • Danke. Ich bin in den Prozess zu versuchen, um meinen Kopf um das jetzt!Cheers
    InformationsquelleAutor Dave Homer
  2. 3

    Ist dies ganz einfach mit jquery, verwenden Sie slideDown (), um ein div :

    http://api.jquery.com/slideDown/

    Und slideUp() zu verstecken

    • Aber die inline-Bilder nicht bleiben inline-wenn ich das erweitern, in voller Breite div, Sie sich um es herum wickeln
    InformationsquelleAutor jazzytomato
Schreibe einen Kommentar