Wie schiebe ich ein verstecktes Div auf einen Klick nach oben / unten?

8

Ich möchte diesen Typ eines Slides nach unten erreichen, aber anstatt auf den Mauszeiger zu klicken, denke ich, dass ich eine Art Skript benötige, das den Slide beim Klicken auslöst und dann erneut klickt, um den umgekehrten Slide auszulösen. Ich werde ein div haben, das versteckt ist (oben: -400px; über dem oberen Rand der Seite), und wenn der Knopf angeklickt wird, rutscht nach unten und setzt sich oben: 0;

HTML

%Vor%

CSS

%Vor%

Hier ist eine arbeitende Geige Ссылка - jede Hilfe wäre willkommen.

Ich habe versucht, slideToggle zu verwenden, aber dies erzeugt einen "expandierenden" Effekt, der nicht der Typ ist, den ich erreichen möchte.

Vielen Dank.

    
user2498890 27.02.2014, 14:41
quelle

6 Antworten

11

Probieren Sie Ссылка

aus

entferne das:

%Vor%

füge das mit jQuery hinzu Js

%Vor%     
Mayank Tripathi 27.02.2014, 14:59
quelle
6

fast das gleiche (wie die andere Antwort) funktioniert auch, wenn Sie mehr als einen Container haben:

Ссылка

%Vor%     
caramba 27.02.2014 14:47
quelle
2

Sie können slideToggle () verwenden:

%Vor%

Geigen-Demo

    
Felix 27.02.2014 14:44
quelle
1

Ich denke, Sie müssen jQuerys slideToggle () -Funktion verwenden, haben Sie das versucht?

    
b4rbika 27.02.2014 14:42
quelle
1

Sie müssen .slideToggle()

verwenden %Vor%

Demo

    
Dhaval Marthak 27.02.2014 14:46
quelle
0

Sie können es mit reinem CSS tun: Ссылка

HTML:

%Vor%

CSS:

%Vor%

Sie können das Linkstyling auch nach Ihrem Geschmack entfernen, sodass es wie normaler Text aussieht.

    
Kroltan 27.02.2014 14:51
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Singleton in Swift