jQuery Girl
  1. jQuery Girl
  3. Rendre les éléments slideToggle () réduits par défaut dans jQuery
Intereting Posts
Exception jQuery.Deferred: $ (…) .datepicker n’est pas une fonction Valable vs Valider Formulaire de soumission lorsque vous appuyez sur Entrée dans Textarea Erreurs jQuery Cross Domain Uncaught TypeError: Object n’a pas de méthode validate Simple questions jQuery ajax avec succès renvoyer des données? jQuery: animer (fondu) une couleur d’arrière-plan ou une image dans une div lorsque vous survolez un lien? Comment faire pour que les mediaqueries CSS fonctionnent avec jQuery $ (window) .innerWidth ()? redémarrer un setInterval Contenu Longueur de la requête HTTP> taille du corps Comment charger chaque section d’un fichier JSON contenant des objects d’objects? Jquery déclenchant un clic Comment changer l’atsortingbut alt et image sur un clic? Comment utiliser l’action zend delete dans le popup de confirmation? pourquoi mon datepicker de l’interface utilisateur jQuery ne se met-il pas en anglais

Rendre les éléments slideToggle () réduits par défaut dans jQuery

J’ai un ensemble de div que je veux rendre réductible / extensible à l’aide de la méthode slideToggle () de jQuery. Comment puis-je faire toutes ces divs réduites par défaut? J’aimerais éviter d’appeler explicitement slideToggle () sur chaque élément pendant / après le rendu de la page.

Vous devrez atsortingbuer un style: display: none à ces couches, afin qu’elles ne soient pas affichées avant le rendu javascript. Ensuite, vous pouvez appeler slideToggle () sans problème. Exemple: 

   
 I am using jquery 
 I am using jquery 
 I am using jquery 
 I am using jquery 
 I am using jquery 
 I am using jquery 
 
 show

vous pouvez probablement faire quelque chose comme ça: 

 $(document).ready(function(){ $('div').hide(); });

Vous pouvez commencer vos éléments avec style = “display: none;” et slideToggle () le prendra à partir de là.

Comme indiqué précédemment, appliquer un style CSS en coulisse entraînera des complications pour les utilisateurs dont les scripts sont désactivés. Une solution consiste à déclarer votre élément masqué comme le dit Anne, ou en définissant votre code CSS dans votre script comme une fonction à modifier, et non comme un style pour la page (pour que la structure, le style et la fonction soient séparés), puis en utilisant toggleClass fonction du script ou de l’effet personnalisé masquer les fonctions définies par jQuery.