JQuery;переключить скрыть шоу эффекты все!Как предотвратить?

Question

С моей кнопкой «Добавить ящик» поле добавляется. С добавлением! Вы добавляете некоторые элементы в поле (.togglecontainer), чтобы быть точным С помощью кнопки «Показать больше / показать файлы» я хочу, чтобы весь контейнер переключался внизу эту кнопку, чтобы переключить скрыть и показать.

Я понимаю, почему все контейнеры с таким именем класса начинают переключаться, но я хочу, чтобы контейнер под его переключателем переключался.

Я попробовал этот код, который не работал должным образом;

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

Может кто-нибудь объяснить мне и помочь мне, как заставить это работать? Заранее спасибо!

Вот мой код; http://jsfiddle.net/2LTd9/

Answer 1

toggle() не принимает две функции обратного вызова.

Прочтите jQuery docs для получения дополнительной информации о том, как использовать переключатель.

Answer 2

Вам нужен селектор области видимости.Попробуйте это:

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

РЕДАКТИРОВАТЬ: Обновил код в соответствии с вводами OP @ jsfiddle.

Обновил код и написал @ http://jsfiddle.net/Chandu/PtwWD/2/ Проверьте это и дайте мнезнаю, если это то, что вы хотите.