Articles of toggle

JQuery: Slidetoggle de bas en haut

J'utilise le slidetoggle de jQuery, et je me demande s'il y a un moyen de le faire glisser vers le haut en bas, partout où je vois, je ne peux pas trouver la réponse, voici le code que j'utilise: jQuery(document).ready(function(){ jQuery(".product-pic").hover(function(){ jQuery(this).find('.grid-add-cart').slideToggle('2000', "easeOutBack", function() { // Animation complete. }); }); });

Basculez la classe SPAN avec cette option div

J'ai essayé de plusieurs façons différentes, mais je ne peux pas trouver la façon de basculer la classe de span de "die2" à "die3" avec le basculement du style d'affichage du div de 'block' à 'none'. Quelqu'un a-t-il des solutions? (Fondamentalement, lorsque la page est chargée, cette annonce sera affichée et lorsque vous cliquez sur […]

JQuery permet de basculer uniquement la division liée la plus proche

J'ai des ensembles de divs similaires que je suis en train de basculer avec un code bas comme celui-ci: $(".field-group-format-toggler-abstract").click(function() { $(".field-group-format-wrapper").toggle(); }); Le problème que j'avais est que chaque fois que je déclenche le "+", il bascule tous les autres divs avec la même classe lorsque je veux seulement basculer la .field-group-format-wrapper connexe la […]

Bascule la division de la barre latérale avec un autre div à l'aide de CSS / Javascript

Voici ma situation: Je tente donc de basculer une barre latérale en cliquant sur une autre division. C'est une barre latérale de 100% qui est fixée sur le côté droit de la fenêtre. Essentiellement, j'essaie d'envelopper un div de 300px autour de la division de bas de 50px large et de la division de la […]

Comment afficher / masquer les lignes de table HTML cachées à l'aide de JavaScript (pas jQuery)

Modifier: Ceci a été répondu ci-dessous. Je voudrais avoir une table HTML qui a caché des lignes entre chaque ligne avec plus d'informations sur les lignes de niveau supérieur. Lorsque vous cliquez sur un lien d'image d'expansion / effondrement dans la première colonne, la visibilité de la fenêtre cachée basculera à partir de l'affichage: aucune; […]

JQuery text () change on toggle ()?

Je veux créer un script qui modifie le texte du lien de basculement en fonction de la visibilité des autres éléments. Donc, alors que #form est visible, je souhaite que le conteneur de formulaire # soit un "Masquer …", et pendant qu'il est caché, je veux que le texte soit "Afficher …". J'ai essayé cette […]

Comment faire pour basculer (masquer / afficher) une table surCliquez sur la balise <a> dans le script java

Je souhaite afficher et masquer (basculer) l'événement <table> onClick du <a> . C'est mon tag <a> <a id="loginLink" onclick="toggleTable(true);" href="#">Login</a> Voici ma fonction de script java toggleTable(hide) <script> function toggleTable(hide) { if (hide) { document.getElementById("loginTable").style.display="table"; document.getElementById("loginLink").onclick = toggleTable(false); } else { document.getElementById("loginTable").style.display="none"; document.getElementById("loginLink").onclick = toggleTable(true); } } </script> Et voici mon tag <table> <table id="loginTable" […]

JQuery Toggle Text change

Lorsque vous utilisez slideToggle , comment changer le texte fermer / afficher. J'ai fait un simple, mais je ne peux pas récupérer le texte. Voici ce que j'ai fait http://jsfiddle.net/9EFNK/ Si quelqu'un pouvait me donner une main? Merci

Filtrage: Comment cacher / afficher (basculer) certaines lignes de table sur le clic?

En supposant cette table (en fait, elle pourrait avoir plus de colonnes et de lignes): <table id="vehicles"> <tr> <th>Type</th> <th>Color</th> <th>Wheels</th> </tr> <tr> <td>Car</td> <td>Red</td> <td>4</td> </tr> <tr> <td>Motorcycle</td> <td>Green</td> <td>2</td> </tr> <tr> <td>Bike</td> <td>Blue</td> <td>2</td> </tr> <tr> <td>Car</td> <td>Blue</td> <td>4</td> </tr> <tr> <td>Bike</td> <td>Green</td> <td>2</td> </tr> <tr> <td>Motorcycle</td> <td>Red</td> <td>2</td> </tr> </table> Maintenant, mon […]

Basculer les images en cliquant avec jQuery

J'ai deux images dont je dois basculer en cliquant sur l'image. <img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png' data-src='images/prof_arrow1.png' /> Lorsque l'utilisateur clique sur l'image, le src devrait obtenir la valeur du data-swap de data-swap et lorsque vous cliquez à nouveau, le src devrait passer à data-src . Cela devrait se produire tout comme un bascule. Toute aide […]