Bootstrap 4 : Sommaire avec transition en JavaScript [Résolu/Fermé]

Signaler
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
-
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
-
Bonjour,

Je me base sur cette documentation : https://getbootstrap.com/docs/4.2/components/navs/#javascript-behavior

J'ai ce code (un sommaire) :

<ul class="ulsommaire">
     <li>Les activités</li>
     <li>La formation</li>
     <li>Les perspectives d'avenir</li>
</ul>


Et j'aimerais que quand on clique par exemple sur "les activités", on soit redirigé dans une div tab-pane fade prédéfinis par rapport aux attributs et aux id.

J'ai donc essayé d'adapter le code mais cela ne fonctionne pas vraiment, je vais continuer à chercher de mon côté et je publierais mon code si quelqu'un veut m'aider (je suis entrain de le refaire de façon plus propre)

Merci d'avance !!

Configuration: Windows / Chrome 72.0.3626.96

3 réponses

Messages postés
2305
Date d'inscription
dimanche 11 mai 2008
Statut
Membre
Dernière intervention
11 février 2019
286
Bonjour,

Je ne suis pas sur d'avoir compris, mais regarder du côté des "ancre" => https://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html
Messages postés
32323
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 460
Bonjour,

Tu dis
par rapport aux attributs et aux id.

Hors .. dans ton menu.. il n'y a ni l'un.. ni l'autre.

Je suppose aussi que par "redirigé" .. soit tu souhaites "descendre" à l'ancre correspondante (voir la réponse de dj-postka ... soit (comme dans l'exemple que tu nous donnes...) afficher/masquer les div en questions....
comme tu peux le voir, le "choix" des tab à afficher est réalisé via un href
data-toggle="tab" href="#contact" role="tab"

Mais sans connaitre la structure de ta page... impossible de réellement t'aider.


Cordialement, 
Jordane                                                                 
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
3
C'est bon c'est réglé, je me suis servi d'un menu nav vertical...