Jquery Pushdown / SlideDown конфликт

Question

Jquery Pushdown / SlideDown конфликт

0

Я следил за скрипкой, которую я нашел здесь, в stackoverflow

$('li').on('click', function(e){
  $(this).find('.outer').slideToggle();
  $(this).toggleClass('active', 400);
});

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

Есть ли способ сделать каждый слайд закрытым после открытия нового слайда?

user3458199 25 март 2014, в 06:46

Источник

Теги:

jquery

html

css

2 ответа

0

Знак S правильный

если вы хотите оптимизировать код дальше, вы можете писать так:

$('li').on('click', function(e){
  $(this).find('.outer').slideToggle().end().siblings().removeClass('active').find('.outer').slideUp();                  
  $(this).toggleClass('active', 400);
});

Примечание:

В jsfiddele вы указали код div style = "width: 156px; height: указали встроенные стили. Вместо этого вы можете определить класс на div и объявить соответствующие стили в таблице стилей

Pravin Waychal 25 март 2014, в 02:54

Ещё вопросы

Mark S · Accepted Answer · 2014-03-25T02-54-00.000Z

Вы можете закрыть другой '.outer' на 'li' siblings:

$('li').on('click', function (e) {
    $(this).find('.outer').slideToggle();
    $(this).toggleClass('active', 400);
    //remove the active class, then move to its '.outer' child and slide it up
    $(this).siblings().removeClass('active').find('.outer').slideUp();
});