JQuery; bascule cacher tous les effets du spectacle! Comment empêcher?

Question

Avec mon bouton 'ajouter une boîte', une boîte est ajoutée. Avec append! vous ajoutez quelques éléments à la boîte (.togglecontainer) pour être exact Avec le bouton show more/show les je veux tout le togglecontainer sous ce bouton, pour basculer cacher et montrer.

Je comprends pourquoi tous les conteneurs avec ce nom de classe commencent à basculer, mais je veux seulement que le conteneur sous son togglebutton bascule.

J'ai essayé ce code qui ne fonctionnait pas correctement;

$('.togglebtn').toggle(function() { 
    $('.togglecontainer').hide();  
    $(this).html('Show less'); 
}, function() { 
    $('.togglecontainer').show(); 
    $(this).html('Show more'); 
}); 

Quelqu'un peut-il m'expliquer et m'aider à faire ce travail? Merci d'avance!

Voici mon code; http://jsfiddle.net/2LTd9/

Answer 1

Vous avez besoin d'un sélecteur de portée. Essayez ceci:

$('.togglebtn').toggle(function() {    
$('.togglecontainer', this).hide();      
var txt = $(this).html(); 
$(this).html((txt=='Show less')?'Show more':'Show less');  
}); 

EDIT: Mise à jour le code selon les entrées OP @ jsFiddle.

Mis à jour le code et posté @http://jsfiddle.net/Chandu/PtwWD/2/ Cochez-le et laissez-moi savoir si c'est ce que vous voulez.

Answer 2

toggle() n'accepte pas deux fonctions de rappel.

Veuillez lire le jQuery docs pour plus d'informations sur l'utilisation de la bascule.