jQuery Girl
  1. jQuery Girl
  3. Scrollspy avec la fonctionnalité jQueryUI Accordion
Intereting Posts
mettre à jour des éléments HTML avec une réponse ajax json Masquer la ligne du tableau après la date dans la colonne Comment append un élément et du texte à une div dans jQuery? JQuery confirmation ne fonctionne pas Lightbox jQuery avec zoom mauvais calcul de largeur en utilisant outerWidth () dans Google Chrome PHP généré opération de zone de texte avec Javascript Jquery.inputmask ne fonctionne pas Comment passer des parameters de JQuery à la méthode Web ASP.NET? Interrompre l’exécution du navigateur en boucle (mise à jour avec des violons) Phonegap – l’application fonctionne sur le bureau, pas sur le mobile pourquoi settimeout ne retarde pas l’exécution de la fonction? jQuery Datatables modifie la valeur d’une colonne en fonction d’une condition Gardez Bootstrap Dropdown ouvert lorsque vous cliquez dessus Avoir plusieurs cases de sélection dynamics angularjs

Scrollspy avec la fonctionnalité jQueryUI Accordion

J’ai donc réussi à comprendre comment faire fonctionner scrollspy, mais je ne réalise pas que ma table des matières est trop longue pour la navigation. Je me demande comment append une fonctionnalité de type accordéon pour que la table des matières de la barre de navigation se réduise après le défilement d’une ancre associée. Je recherche essentiellement le même type de fonctionnalité que le site Web de bootstrap a pour sa barre latérale apposée. Je me suis penché sur la question suivante: utiliser Bootstrap scrollspy pour une div avec repli, dans une barre latérale apposée, mais je ne suis pas sûr que ce soit la même chose que je recherche. J’ai aussi envisagé d’utiliser le plugin TOCIFY écrit par Greg Franko, mais je ne sais pas comment le mettre en œuvre. J’ai lu la documentation de TOCIFY mais je ne sais pas vraiment ce que je dois changer.

Actuellement, ma fonctionnalité scrollspy fonctionne avec cette configuration: 

 
 
  
 
Executive Summary
  
Introduction & Background
 
Mount Royal University (MRU) has a long-standing history of student-centered leadership and learning. We are known to be an institution that cares about the success and the health of our students, and we have strong services that support mental health promotion and respond well to mental health issues and concerns. In addition to excellent service providers, MRU has many positive practices and policies in place to support students.  Recent trends suggest that the prevalence of mental health issues is on the rise among young adults. More students are entering into university with pre-existing mental health conditions, more are seeking help, and often issues are complex and multifaceted.  Given that rates of mental illness are on the rise, and given that our student population has reported stress levels higher than other students at post-secondary institutions in North American, a review of our student mental health practices and procedures was warranted.

Vous pouvez le voir fonctionner ici: https://googledrive.com/host/0BwvPQbnPrz_LTlBjelIwemxaZzg/index.html

Je serais reconnaissant pour toute aide ou suggestions. Je m’excuse si mes recherches n’étaient pas assez approfondies et que nous y avons déjà répondu.