Faire slideToggle() éléments réduits par défaut de jQuery
J'ai un ensemble de divs que je veux faire collapsible/expandable
à l'aide de jQuery slideToggle()
méthode. Comment puis-je faire de tous ces divs réduits par défaut? J'aimerais éviter d'appeler explicitement slideToggle()
sur chaque élément pendant/après le rendu de la page.
Vous devez vous connecter pour publier un commentaire.
Vous devez affecter un style display:none pour ces couches, de sorte qu'ils ne sont pas affichés avant de rendu javascript. Ensuite, vous pouvez appeler slideToggle() sans problèmes. Exemple:
vous pouvez probablement faire quelque chose comme ceci:
Vous pouvez commencer vos éléments avec style="display: none;" et slideToggle() va prendre à partir de là.
Appliquer un style CSS derrière les scènes, comme indiqué précédemment, à l'origine de complications pour les utilisateurs avec des scripts désactivés. Un moyen de contourner cela est de déclarer votre élément caché comme Anne l'a dit, ou par la définition de votre CSS dans votre script une fonction à modifier, non pas comme le style de la page (pour garder la structure, le style et la fonction séparée), puis à l'aide de la toggleClass fonction du script ou de la coutume effet de masquer les fonctions définies par jQuery.