Création d'un volet coulissant (tuto alsacreation)

Bonjour,
j'ai suivi le tuto https://www.alsacreations.com/tuto/lire/1234-creer-volet-coulissant-CSS3-target-transition.html.
Lorsque je suis mot pour mot le tuto sur une page vierge le système fonctionne à merveille mais dès que j’intègre le script

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>

dans mon header la transition ne fonctionne qu'une seule fois.
J'ouvre, je fermer et après impossible de réouvrir.
Savez vous si il est possible d'adapter pour que le volet coulissant fonctionne ne tout temps ?

Bonjour,

Normalement, le fait d'intégrer un JS ne devrait pas influencer le fonctionnement du volet, puisqu'il ne s'agit QUE de CSS.

Essaie de nous montrer un peu ton code (en ligne ou un codepen)

Merci pour la réponse et effectivement c'est blizzard et comme je bug dessus depuis plusieurs jours je suis passé par une autre méthode ce matin qui fonctionne un peut prêt...
Par un peut prêt j'entend que lorsque je clique sur le lien pour afficher masquer au lieu d'avoir l'affichage par la gauche je l'ai au plein centre et c'est moche.
Je viens de faire un codepen.
https://codepen.io/fabrice88/pen/Oggzpa

Je voudrai le même rendu que le tuto cité dans mon premier message mais je n'y arrive pas.

Euh, est-ce normal qu’on ne puisse même plus faire apparaître le volet dans ton Codepen ?
Modifié par Duchampignon (25 Jun 2017 - 18:34)

Bonjour,

Tu peux faire un truc dans le genre en jQuery :
https://codepen.io/anon/pen/XgeONN