Tag: slidetoggle
slidetoggle ist eine Funktion von jQuery, die zeigt oder verbirgt die übereinstimmenden Elemente mit einer gleitenden Bewegung.
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
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,
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,
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
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
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>
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,
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ü
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
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
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
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
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 -?
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>
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
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
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
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
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
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
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
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
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
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; }
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
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
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.
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,
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
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") });
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'
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
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.
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
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,
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; });
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.
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.
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
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
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,
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
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,
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
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