Accordion jquery : onclick fermer la section ouverte

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 13 Février 2020.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    931
    J'aime reçus:
    15
    Salut à tous,

    J'ai un accordéon avec jquery qui fonctionne mais je voudrais que lorsqu'on clique sur une section, ça ferme la section qui est ouverte, autrement dit il ne peut y avoir qu'une seule section d'ouverte à la fois, comment faire cela ?

    Voici mon code : https://jsfiddle.net/bxkr6wde/

    Merci pour votre aide.
     
  2. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    931
    J'aime reçus:
    15
    J'ai trouvé, il suffit de remplacer le code javascript de ce code par celui-là et ça fonctionne nickel.
    Code:
    $(function() { 
        $('.accordeon-title').on('click', function(){ 
        $(this).next().slideToggle(300);
        $('.accordeon-entry').not($(this).next()).slideUp(300);
        $(this).toggleClass('active');
        $('.accordeon-title').not($(this)).removeClass('active');   
        });
    });
    
     
Chargement...
Similar Threads - Accordion jquery onclick Forum Date
Sites de scripts PHP, jQuery, Ajax, etc. Le café de WebRankInfo 20 Mars 2022
Conflit jquery ajax Développement d'un site Web ou d'une appli mobile 10 Février 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
JQuery ui accordeon et lazy image Développement d'un site Web ou d'une appli mobile 27 Mars 2020
Aligner des checkboxradio jQuery Développement d'un site Web ou d'une appli mobile 7 Mars 2020
Jquery : CDN Google ou CDN Jquery Administration d'un site Web 1 Février 2019
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018
diaporama (jquery) façon facebook Développement d'un site Web ou d'une appli mobile 2 Août 2018
Slider range jquery + keyup fonction Développement d'un site Web ou d'une appli mobile 26 Février 2018
se passer d'un SetTimeout dans Jquery Développement d'un site Web ou d'une appli mobile 23 Février 2017
Double JQUERY.js Débuter en référencement 18 Décembre 2016
Compresser le Jquery et le CSS ? Problèmes de référencement spécifiques à vos sites 26 Septembre 2016
Fichiers jquery.com et googleapis.com Développement d'un site Web ou d'une appli mobile 29 Mai 2016
Comment différer une commande jquery Développement d'un site Web ou d'une appli mobile 22 Octobre 2015
jquery repeter une fonction sur une div? Développement d'un site Web ou d'une appli mobile 29 Mars 2015
Récupérer nom de l'input submit jQuery Développement d'un site Web ou d'une appli mobile 14 Mars 2015
Jquery focusout sur input cloné Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Tracker un objectif en jquery Google Analytics 29 Décembre 2014
Responsive design vs jquery mobile Référencement Google 28 Novembre 2014
Referencement des images avec un code jquery Débuter en référencement 24 Octobre 2014