Развернуть / Свернуть вопрос

Question

Развернуть / Свернуть вопрос

0

Я хочу развернуть/свернуть только один контейнер за раз. Когда я нажимаю на первый контейнер, второй контейнер должен разрушаться, а когда второй контейнер расширяется, первый контейнер должен автоматически сворачиваться. Ниже приводится сценарий. Пожалуйста, направляйте... Спасибо

http://jsfiddle.net/awaises/eK8X5/1138/

 jQuery

 $(".header").click(function () {
     $header = $(this);
     $content = $header.next();    
     $content.slideToggle(500, function () {
         $header.text(function () {
             return $content.is(":visible") ? "Collapse" : "Expand";
         });
     });
 });

Awais Imran 24 фев. 2014, в 11:16

Источник

0

почему бы не использовать аккордеон? jqueryui.com/accordion
phron 24 фев. 2014, в 09:53

Теги:

jquery

3 ответа

0

Вы можете найти любой расширенный элемент content а затем свернуть его, как

$('.content').not($content).stop(true).filter(':visible').slideUp(500, function(){
    $(this).prev().text('Expand')
})

Демо: скрипка

Arun P Johny 24 фев. 2014, в 08:04

0

Использовать это

$(".content").not($content).slideUp();

прежде чем вы вызовете функцию slideToggle и, конечно, не забудьте обновить текст заголовка

Nish Rathi 24 фев. 2014, в 07:00

Ещё вопросы

почему бы не использовать аккордеон? jqueryui.com/accordion

Felix · Accepted Answer · 2014-02-24T08-35-00.000Z

Вы можете добавить эту строку в обработчик кликов:

$(".header").not(this).text('Expand').next().slideUp();

Обновленный скрипт