jQuery Girl
  1. jQuery Girl
  3. jQueryUI – Accordion – Activation à l’aide d’un ID
Intereting Posts
Chaque bouton d’envoi appelle la même fonction Limiter le nombre de caractères dans le champ de saisie Comment élever un événement «terminé» sur un événement de soumission? bouton de transition pour basculer en arrière en utilisant CSS ou JS JQuery: mettre en miroir une entrée de texte sur une autre Comment passer des parameters dans des appels de fonction par référence en JavaScript? Comment définir un cookie pour qu’il expire après 1 minute ou 30 secondes dans Jquery? Obtenir le prochain élément avec la même classe jQuery Saisir le texte dans une balise au format chaîne et append au tableau jQuery .on () at ajax success affichage du message de survol de la souris sur certaines parties de l’image jquery / js Défilement horizontal jQuery.ScrollTo / jQuery.SerialScroll Comment retourner la page spécifique dans la pagination jQuery Datatables? jquery input number Comment le compte à rebours se synchronise-t-il avec jquery à l’aide du plug-in «jquery.countdown.js»?

jQueryUI – Accordion – Activation à l’aide d’un ID

J’ai vérifié un certain nombre de sites essayant de comprendre cela. Cependant, je n’ai pas eu de chance et je me suis dit que j’allais faire un post ici.

Ce que j’essaie de faire, c’est de configurer l’accordéon actif en fonction de l’ID. Ci-dessous, c’est ce que je travaille avec.

Code jQuery: 

$(function () { $("#accordion").accordion({ collapsible: true, header: "h3", active: 'h3.content3', heightStyle: "content" }); });

HTML: 

 
 
Content Title
 
 
Content for 1 Goes Here
 
 
Content Title
 
 
Content for 2 Goes Here
 
 
Content Title
 
 
Content for 3 Goes Here

J’espère que j’ai bien expliqué, sinon, faites le moi savoir. Je vais essayer de t’aider.

Activer active fonction de l’ index h3 : 

 active: $('#accordion h3').index($('.content3'))