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, à 17:28.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    756
    J'aime reçus:
    9
    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:
    756
    J'aime reçus:
    9
    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
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice