Tag: slidetoggle

slidetoggle ist eine Funktion von jQuery, die zeigt oder verbirgt die übereinstimmenden Elemente mit einer gleitenden Bewegung.

zeigen Sie div-und ausblenden von vorhandenen div, wenn offen mit jQuery?

Anzahl der Antworten 3 Antworten
Ich habe zwei divs, die standardmäßig ausgeblendet sind. Der Nutzer dann zeigt das div klicken. Wenn ein div ist bereits geöffnet, und der Benutzer klickt, um zu offenbaren, das andere div, ich möchte die aktuelle div zu

mit Hilfe von jQuery slide toggle mit min-height

Anzahl der Antworten 1 Antworten
Ich versuche, mit jQuerys slideToggle auf einen div, der eine minimale Höhe. dies bewirkt, dass die animation, um zu springen und bewegen sich nicht reibungslos. Ich habe nun schon eine Weile auf der Suche nach einer Lösung,

Jquery SlideToggle UND Blättern

Anzahl der Antworten 1 Antworten
Ich habe ein problem mit einem slidetoggle link, erscheint unten auf meiner Seite. Effektiv möchte ich das der Benutzer klicken zum anzeigen/verbergen der versteckten div (was gut funktioniert) Das problem ist die Seite nicht nach unten scrollen,

Problem mit ruckartigen Animationen in jQuery

Anzahl der Antworten 4 Antworten
Ive getan diese eine Anzahl von Zeiten mit keine problem, aber für einige Grund es ist ein problem auf Hier. Das rutschen beginnt zu arbeiten (1/3) normal und als alle plötzlich ein Ruck und beenden Sie die

Wie zu stoppen jQuery slidetoggle yo-yo?

Anzahl der Antworten 3 Antworten
Ich bin neu in jQuery, aber dies scheint, wie es sollte gut funktionieren: $(document).ready( function() { $("#btn_toggle_transcript").click( function() { $("#transcript_container").slideToggle(1000); } ); } ); ...und es funktioniert, aber nicht richtig. ...jedenfalls nicht so, wie erwartet... Bin ich

jQuery slideToggle () - Tabelle-Zeile mit geschachtelten Tabelle

Anzahl der Antworten 4 Antworten
Ich habe derzeit ein problem mit dem slideToggle() jQuery Effekt auf eine Zeile in der Tabelle mit einer geschachtelten Tabelle. Ich habe Folgendes HTML-markup: <table> <tbody> <tr> <th>One</th> <th>Two</th> <th>Three</th> </tr> <tr class="show-details"> <td>Item1</td> <td>Item2</td> <td>Item3</td> </tr>

Beseitigen bouncing-ball-Effekt auf slidetoggle

Anzahl der Antworten 1 Antworten
Scheint es, wie es ist in ein bisschen von einer Schleife für ein paar und dann ist es stabalizes. Diese person hatte ein ähnliches problem in diesem video: http://www.youtube.com/watch?v=KCFeImyBzfE Auch noch ein problem mit diesem code ist,

Klasse hinzufügen, bevor die Folie öffnen und entfernen der Klasse nach schieben schließen mit slideToggle?

Anzahl der Antworten 5 Antworten
Bin ich mit Hilfe von jQuery " zu Folie ein Menü geöffnet und geschlossen wird, wenn ein link angeklickt wird, das funktioniert Super. Dennoch versuche ich eine Klasse Hinzugefügt, wenn der link angeklickt wird, bevor das Menü

jQuery slideToggle nur blendet aber nicht animieren, richtig

Anzahl der Antworten 4 Antworten
In dieses Beispiel meine div-container nur versteckt und zeigt aber nicht die awesome jQuery-animation. $('.button').click(function() { $('.class1').slideToggle(); }); Kann jemand mir sagen, warum? Ich weiß, dass Animationen auf Tabellen funktionieren nicht richtig, aber auf divs sollte es

slideToggle Drop-down-Menü

Anzahl der Antworten 2 Antworten
Ich brauche Hilfe mit Jquery-bitte. Ich habe diesen string code, das löst mein drop-down-Menü angezeigt/versteckt werden (Sichtbarkeit): //toggle the menu items' visiblity .find('h2') .bind('click focus', function(){ $(this).parent().toggleClass('expanded') }); Code entnommen aus: http://filamentgroup.com/examples/rwd-nav-patterns/ Allerdings möchte ich in der

Jquery slideToggle Effekt nicht glatt

Anzahl der Antworten 4 Antworten
<div class="searchDiv"> <div class="row"></div> <div class="row"></div> <div class="row"></div> <div class="row"></div> </div> Ich versuche zu rufen $("div.searchDiv").slideToggle("slow"); auf div mit der Klasse searchDiv versteckt ist zunächst mit display:none. Es gibt wieder ein paar div-Elemente innerhalb dieser 4 div

jQuery - vertical-up-wechseln (d.h. nicht nach unten)

Anzahl der Antworten 4 Antworten
Brauche ich, um zu erstellen ein Knebel, animiert nach oben nicht nach unten, in anderen Worten, die Umkehrung der "normalen" Umschalten. Vielleicht einfacher ist der toggle schieben bis oben das Menü (es ist ein Menü), um sichtbar

Glätten Sie das jQuery-toggle-animation?

Anzahl der Antworten 5 Antworten
Der animation produziert durch meine jQuery-Funktion ist wackelig, und ich habe auf der Suche durch die verschiedenen SO Lösungen, wie das hinzufügen von jquery.Erleichterung, aber kein Glück. Ist das problem die iframes in die einzelnen div -?

wie verwenden Sie next (weiter), um die nächsten ul in jquery?

Anzahl der Antworten 3 Antworten
ich habe ein einfaches Menü etwas wie dieses: <ul id="navigation"> <li id="m_li"> <div><span>+</span><a href="#" >myself</a></div> <ul class="test" id="x_ul"> <li id="li"> <a href="#" >Pictures</a> </li> <li id="li"> <a href="#" >Audio</a> </li> </ul> </li> <li id="profile_modeling_li"> <div><span>+</span><a href="#" >friend</a></div>

Wie zu schieben unten ein div dann .fadeIn() der Inhalt und Umgekehrt?

Anzahl der Antworten 5 Antworten
Ziel Wenn ein Benutzer auf die Schaltfläche klickt, das div in Frage: nach unten schieben stop blenden Sie die Inhalte Wenn der Benutzer auf die Schaltfläche klickt wieder, die div wird: fade-out stop Folie Aktuelle position Hier

Auf-und Zuklappen Tabellenzeile (tr) mit Hilfe von jquery

Anzahl der Antworten 7 Antworten
Ich habe eine Tabelle mit aktiven und inaktiven Elementen. Diese Tabelle ist dynamisch aufgefüllt aus der Datenbank. Ich versuche, fügen Sie ein Umschalter, nur inaktive Artikel in meine Tabelle und zeigt alle aktiven Elemente. Ich meine, ich

Wie toggle-dropdown-Pfeile

Anzahl der Antworten 3 Antworten
Dies ist der code, den ich benutze, um aus-und einblenden von div mit einer slide toggle-Effekt. jQuery(document).ready(function() { jQuery(".option-content").hide(); jQuery(".option-heading").click(function() { jQuery(this).next(".option-content").slideToggle(500); }); }); Jedoch möchte ich hinzufügen, dass einige Pfeile ein-und ausgeblendet, um zu zeigen, dass

Jquery Slide Effekt auf absolut positionierten Div

Anzahl der Antworten 1 Antworten
Ich habe einige Probleme mit den slide-Effekt (slideToggle, in diesem Fall) auf einige position:absolute Divs. Bevor ich getan habe, die position Arbeit - ich brauchte es für die Grenze Pfeil - es funktionierte perfectely. Aber, nachdem ich

Jquery SlideToggle Mehrere Divs mit der gleichen Klassen

Anzahl der Antworten 4 Antworten
Erstellte ich ein Lesen Sie Mehr /Weniger Knebel in Jquery. Nun brauche ich etwas Hilfe, ich bin ein Anfänger in Jquery und kenne nicht alle Funktionen. Mein Code: http://jsfiddle.net/U6yk2/ HTML: <p>Lorem ipsum dolor sit amet, consetetur sadipscing

Folie + fade Effekt mit CSS transitions

Anzahl der Antworten 2 Antworten
Ich versuche zu replizieren dieser Effekt mit CSS-Effekte oder übergänge. Mit Animationen Ich kann animieren opacity, aber nur fadeIn und die height (die sollte die Kontrolle der slide -) scheint nicht zu funktionieren 🙁 Der nächste, den

Show/Hide/Toggle Mehrere Divs Per ID?

Anzahl der Antworten 4 Antworten
Die guten Leute auf stackoverflow hat mir geholfen, einen Teil des Weges mit diesem, nun brauche ich nur noch ein wenig schieben über die Ziellinie. Brauche ich, um einen toggle-button, öffnet sich das div auf Klick (nach

jQuery slidetoggle mehrere divs nacheinander mit der gleichen Klasse

Anzahl der Antworten 3 Antworten
Ich versuche zu verwenden slideToggle() auf mehrere div hover, zeigt ein weiteres div in seine geachtete div-container. Beispiel: <div class="container">123 <div class="content">ABC</div> </div> <div class="container">123 <div class="content">ABC</div> </div> Läuft es auf eine dynamische Seite, so dass die

Erstellen Sie Links / Rechts-Übergang Effekt

Anzahl der Antworten 1 Antworten
Ich versuche, erstellen Sie eine dia-übergangseffekt wie gepostet in dem video http://www.youtube.com/watch?v=SZTiJmclaRc. Wenn der button angeklickt wird das aktuelle div#1 wird heraus schieben nach Links und verstecken sich, während ein anderer div#2 wird die Angleichung von der

jQuery Slide Innere div von rechts nach Links

Anzahl der Antworten 2 Antworten
Hier ist, was ich habe, so weit: JSFiddle CSS: #button-top { width: 100px; position: absolute; left: 75%; top: 40px; padding-left: 100px;overflow: hidden;} #button-top:hover, #button-bottom:hover {cursor: pointer;} .slide { position: relative; height: 100px; overflow: hidden; width: 350px; }

Mit .slideToggle, ziehen einen versteckten div-up von der Unterseite

Anzahl der Antworten 3 Antworten
Ich kann nicht scheinen, um herauszufinden, wie, um verborgene Inhalte von unten nach oben statt von oben nach unten. Ich habe einige Hausaufgaben auf hier und bin auf eine Lösung von jQuery UI, muss aber die Umsetzung

jQuery slideToggle ein div zu einer Zeit statt alle unabhängig voneinander

Anzahl der Antworten 3 Antworten
Ich bin mit der Funktion unten, schaltet divs, und mit es, eine der entry-content divs geöffnet oder geschlossen werden kann, unabhängig von all. Was toll wäre ist, wenn nur ein Eintrag-content-div würde jederzeit offen stehen. Klick auf

JQuery slideup und slidedown ist nicht glatt genug

Anzahl der Antworten 6 Antworten
Ich die Umsetzung einer Folie dropdown, und ich bin mit diesem code $(document).ready(function(){ $('.drop').click(function(){ var $next = $(this).parent().next('li.drop_down'); if($next.is(':visible')) { $next.slideUp(); } else { $next.slideDown(); } }); }); aber der client behauptet, dass es nicht glatt genug.

jQuery slideToggle() callback-Funktion

Anzahl der Antworten 1 Antworten
Hier ist die jQuery slideToggle-Funktion: $('.class').click(function() { $(this).parent().next().slideToggle('slow', function() { //how can I access $('.class') that was clicked on //$(this) returns the $(this).parent().next() which is the element //that is currently being toggled/slided }); }); In der callback-Funktion,

jQuery slideToggle Aufenthalt öffnen Sie auf der hover

Anzahl der Antworten 1 Antworten
Ich habe ein div, dass ich gebunden, das jQuery hover event zu aktivieren slideDown mit slideToggle: <div class="Square"> <div class="RedSquare"></div> <div class="GraySquare"></div> </div> $("div.RedSquare").hover( function() { $(this).siblings("div.GraySquare").slideToggle("fast"); }, function() { $(this).siblings("div.GraySquare").slideToggle("fast"); } ); Wechselt ein div '.GraySquare

Wie zu Folie wechseln eine div von rechts nach Links?

Anzahl der Antworten 3 Antworten
Finden Sie diese Geige http://jsfiddle.net/MKwwH/ Möchte ich den link images-link zu Folie wechseln von rechts nach Links? $(document).ready(function() { $('.hidden').hide() }); $('.soundDiv-link').click(function() { $('#soundDiv').slideToggle("slow") }); $('.videoDiv-link').click(function() { $('#videoDiv').next().animate({width: 'toggle'}, "slow") }); $('.imagesDiv-link').click(function() { $('#imagesDiv').animate({width: 'toggle'}, "slow") });

Toggle text, wenn der link geklickt wird

Anzahl der Antworten 3 Antworten
Habe ich den code unten, schaltet ein div (genannt #extra) in den Blick: $('#more').click(function() { $('#extra').slideToggle('fast'); return false; }); Meine Klick-Funktion ist dieser link: <a href="#" id="more">More about us</a> Wie Schaffe ich es, dass 'Mehr über uns'

Panel sollte die Folie von der Unterseite und drücken Sie Inhalt, kein overlay

Anzahl der Antworten 6 Antworten
Ich bin Recht neu mit jQuery aber ich bin mir fast sicher, dass das, was ich erreichen will ist irgendwie möglich. Ich habe eine Seite mit einer Navigationsleiste fest auf dem Boden. Der Navigationsleiste wurde eine Schaltfläche

jQuery ist nicht definiert in WordPress, aber mein script ist richtig eingereiht

Anzahl der Antworten 5 Antworten
Ich versuche, laden Sie eine separate javascript-Datei mobile-menu.js zu meinem WordPress-theme. Wenn ich mir die Konsole, wie Sie sagt, "jQuery ist nicht definiert." Ich weiß aber, dass ich in die Warteschlange eingereiht mein script die Dateien richtig.

Winkel-Richtlinie und Jquery slideToggle-Funktion Implementierung

Anzahl der Antworten 3 Antworten
Verwendung von angular und jquery implementiert habe ich slideToggle-Funktion. Um nur die Anwendung dieser Funktion auf ein bestimmtes HTML-element, benutze ich innerhalb von ng-click Funktion einen parameter, mein code funktioniert doch, ich möchte wissen, ob gibt es

jquery sliding side-bar Links nach rechts

Anzahl der Antworten 1 Antworten
Ich bin versuchen, um eine verschiebbare Leiste mit ähnlichen Auswirkungen wie die www.wookmark.com http://www.dynamicdrive.com/dynamicindex1/slideinmenu.htm. Dies ist, wie weit schrieb ich den code.Aber dies ist ruckelig. Kann jemand vorschlagen, eine bessere Lösung mit aniamtions/Lockerung/Umschalten usw Ich möchte code,

jQuery parent().find () - problem

Anzahl der Antworten 2 Antworten
HTML - <div class="comments"> <a class="toggle" href="#">Toggle Comment 1</a><br /> <div class="comment" style="display:none;"> Comment1 </div> <hr /> <a class="toggle" href="#">Toggle Comment 2</a><br /> <div class="comment" style="display:none;"> Comment2 </div> </div> JavaScript $(function(){ $('.toggle').click(function() { $(this).parent().find('.comment').slideToggle(); return false; });

JQuery slideToggle() klickte mehrmals - zu verhindern, animation

Anzahl der Antworten 3 Antworten
Ich gesucht habe um eine Lösung für eine Weile, kann aber nicht scheinen, um es zu finden. Ich dachte, vielleicht mit Hilfe von JQuery .clearQueue() wie in meinem fiddle, aber es doe'snt Arbeit. Hier ist die fiddle.

jquery slideToggle Richtung

Anzahl der Antworten 4 Antworten
Ich versuche zu schieben jquery .slideToggle, aber ich bin nicht in der Lage, die Richtung von Links nach rechts oder von rechts nach Links auf Klick ein div (nav). Bitte helfen Sie mir, unten ist mein code.

slideToggle() kann ermitteln, SlideUp oder SlideDown?

Anzahl der Antworten 3 Antworten
Ich weiß hover() hat default-Einstellung für handIn und handOut, aber es ist trotzdem konnte ich erkennen slideUp und SlideDown innen SlideToggle? Code wie dieser: $("#divName").slideToggle(function(){//when slideUp, do something}, function(){//when slideDown, do something}); Ich versuchte diesen code, aber

Wie um zu testen, ob das DIV offen oder geschlossen, nach slideToggle

Anzahl der Antworten 6 Antworten
Ich habe ein Jquery-Ui-button ( #toggleIcons), die, wenn geklickt, schaltet ein div (.Symbole) zeigen einige Symbole. Ich bin auch mit Jquery Isotop und Infinitescroll hinzufügen neuer Bilder dynamisch. Was ich versuche zu tun, ist einen Weg zu

jQuery slideToggle auf eine Tabelle mit thead-und tbody-Elemente. Keine animation.

Anzahl der Antworten 2 Antworten
Ich habe eine Tabelle mit thead-und tbody-Abschnitte. Ich habe das auf einem slideToggle, auf diese erfolgreich, aber die animation ist gebrochen. Wenn ein Benutzer klickt auf den thead, ich möchte den Inhalt des tbody zu schieben. Derzeit,

slideToggle in der Tabellenzeile

Anzahl der Antworten 7 Antworten
tut slideToggle Arbeit mit der Tabelle? Möchte ich slideToggle eine Zeile einer Tabelle. aber es erscheint einfach, ohne jede Wirkung. InformationsquelleAutor der Frage hd. | 2011-02-26

jquery .slideToggle () horizontale Alternative?

Anzahl der Antworten 6 Antworten
slideToggle genau das tut, was ich will, nur ich will, dass die Folie horizontal ist. Habe ich jetzt eine horizontalhide/show und animation auf Klick, aber ich möchte die toggle-Optionen. So, dass wenn ich auf den aktiven link,

slideToggle Höhe ist "springen"

Anzahl der Antworten 11 Antworten
Mein jQuery slideToggle() experiment Kann mir jemand sagen, warum meine Boxen "springen", wenn ich Sie geöffnet habe? Die erste Hälfte schieben, die Ruhe, die Sie "springen"?? Dank, Johannes InformationsquelleAutor der Frage Johannes | 2010-02-24

Ändern Sie das Verhalten von slideToggle () so, dass Folgendes angezeigt wird: Inline-Block statt Anzeige: Block?

Anzahl der Antworten 4 Antworten
mein Ziel slideToggle() div muss display:inline-block statt display:block wenn es geöffnet ist. Gibt es eine Möglichkeit das zu ändern jquery Verhalten hier? Edit: ich bin mit jQuery 1.7.0 im moment. Auch die <div> ist zunächst auf display:none