Jquery Accordion Développer Tout L'Effondrement De Toutes Les

Je cherchais un moyen d'inclure une "afficher tout" et "tout réduire". J'ai mis à jour la démo avec le nouveau code à l'aide d'un simple jquery accordion.

Le code d'origine doit être crédité pour Ryan Stemkoski à http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/

Démo: http://jsbin.com/ucalu3/5/

$(document).ready(function() { 
  $('.question').click(function() {

  if($(this).next().is(':hidden') != true) {
                $(this).removeClass('active'); 
    $(this).next().slideUp("normal");
  } else {
    $('.question').removeClass('active');  
     $('.answer').slideUp('normal');
    if($(this).next().is(':hidden') == true) {
    $(this).addClass('active');
    $(this).next().slideDown('normal');
     }   
  }
   });

  $('.answer').hide();

  $('.expand').click(function(event)
    {$('.question').next().slideDown('normal');
        {$('.question').addClass('active');}
    }
  );

  $('.collapse').click(function(event)
    {$('.question').next().slideUp('normal');
        {$('.question').removeClass('active');}
    }
  );
});
Juste pour signaler, vous n'avez pas besoin de modifier le titre: 'Résolu' une fois que vous obtenez une réponse. Quand une réponse a été acceptée, la réponse compter sur la page principale de passe du blanc au jaune pour indiquer que le problème est résolu.
grâce à cette question et de la réponse... ce qui m'a sauvé...

OriginalL'auteur Evan | 2010-10-06

  1. 3

    Je voudrais ajouter une classe ou l'ID de l'élargir et de l'effondrement des liens, quelque chose comme ce sera le travail

    $(document).ready(function() {
  $("#expand").click(function(){
    ('.answer').slideDown('normal');
  });

  $("#collapse").click(function(){
    ('.answer').slideUp('normal');
  });
}
    Merci pour l'astuce. J'ai modifié le code pour le faire fonctionner.

    OriginalL'auteur Sean

  2. 5

    Cela peut être résolu beaucoup plus facile.

    Simplement utiliser le jQuery masquer/afficher la commande de l'accordéon element ('.ui-widget-content"), vous souhaitez développer/réduire.

    exemple:

    $(document).ready(function() {
        $('.expand').click(function() {
            $('.ui-widget-content').show();
        });
        $('.collapse').click(function() {
            $('.ui-widget-content').hide();
        });
});

    Voir violon: http://jsfiddle.net/ekelly/hG9b5/11/

    OriginalL'auteur user2500414