Grundlegende ein - /Ausblenden Div mit der Open/Close-Pfeil
Versuchen sich zu öffnen/nah ein div mit der richtungspfeil verändert sich auf öffnen und schließen, sondern bleiben an der div, als es schließt und öffnet.
http://jsfiddle.net/siiimple/GqJj8/8/
Idealerweise würde ich mag, dass es nach Links schieben, wie es schließt (fast), dann öffnen Sie auf der rechten Seite. Die enge "-" ändern"+", wenn es geschlossen ist.
Vielen Dank für jede Hilfe 🙂
Ihre Geige gibt den Fehler
Uncaught TypeError: Property '#<Object>' of object #<Object> is not a function
. Ich würde empfehlen, consulting docs, wie man richtig nennen .hide()
InformationsquelleAutor Justin Young | 2012-09-05
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verließ crowjonah Lösung, und kam mit etwas, das ich denke näher zu Ihrem spec.
Check it out hier:
http://jsfiddle.net/VLNDL/
Erste, restrukturiert die divs ein wenig, so dass das erweitern/Vertrag-Tasten ist ein peer of the sliding div; so, dass es bleibt atatched es während der transition:
Dann umgestalteten dem CSS: 1. machen Sie es ein wenig einfacher, 2: ändern um zu blockieren, relative, float, und absolut so, dass die Tasten "gepinnt", um die relative div, und das ist es:
Das einzige, was ich geändert habe in der js ist, dass deaktivierte ich den Deckkraft-animation, aber man konnte zurück bringen -- ich würde nicht nur Ziel #intro-wrap mit es, sollten Sie stattdessen die Ziel-contentWrap:
J
haben Sie weitere CSS laden? Ich würde sagen, das ist das wahrscheinlichste: du bist überschreiben einige der CSS oben mit Ihrem eigenen... Und der DOM-Struktur ist genau die gleiche wie oben? Wenn Sie chrome verwenden (und Sie sollten), mit der rechten Maustaste auf die contentWrap div-Element und "element untersuchen". Von hier aus können Sie sehen, welche CSS das div-Element Erben / Anwendung
InformationsquelleAutor Jonathan
Ich in der Regel erstellen Sie ein sprite sheet mit den beiden Pfeilen nach oben und unten und dann haben die Klassen für die einzelnen mit unterschiedlichen hintergrund-Positionen. Auf Umschalten, dann weisen Sie einfach den Pfeil, der Klasse, wenn es offen oder geschlossen ist.
Auch die aktualisierte fiddle funktioniert überhaupt nicht für mich.
InformationsquelleAutor Josh Bedo
http://jsfiddle.net/harmeet_jaipur/ETx7P/
Können Sie dies leicht tun, indem slideUp/slideDown.
oder Sie können auch versuchen Sie dies :
http://jsfiddle.net/harmeet_jaipur/7sRRG/1/
jsfiddle.net/harmeet_jaipur/4cLCF so Etwas? Ich vermute, dass dies möglicherweise nicht die meisten apt Art und Weise, es zu tun, vielleicht hast du/jemand kann diese verbessern.
InformationsquelleAutor AspiringCanadian
Einen einfachen Weg zu schieben, nach Links und rechts zu verwenden jQuery UI!
Fügen Sie einfach
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
direkt nach jQuery selbst und verwenden Sie die Funktion wie in diesem Beispiel gezeigt (ich Gabel Harmeets): http://jsfiddle.net/qEBnG/1/ (edit: noch besser: http://jsfiddle.net/qEBnG/2/)Dann füllen Sie bitte die Funktion rufen Sie mit Ihrem Selektor und Parameter:
Können Sie ändern Sie die CSS ein bisschen, um die + und - Tasten ersetzen sich gegenseitig, wenn Sie dies wünschen.
Wie bereits von josh, die Sie nicht unbedingt wollen, laden Sie die gesamte jQuery-UI-Bibliothek, die nur für einen kleinen Einsatz, in diesem Fall können Sie die jQuery animate Funktion. Hier ist ein Turnschuh, und hier ist ein code (zum kleben in die vorhandene Klick-Funktion):
Stimmt, josh. Wenn Sie wollen, ersparen Sie sich die gesamte Bibliothek, können Sie immer passen Sie Ihre download. Ansonsten gibt es CSSey Möglichkeiten Schiebe die Dinge Links und rechts.
InformationsquelleAutor crowjonah