Показать все слайд Jquery

0

У меня есть этот сценарий jquery, который я не могу получить, чтобы работать, как я хочу, я хочу кнопку, которая отображает весь контент в то же время и скрывает содержимое одновременно.

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

Я попытался создать ссылку, которая запускается

javascript:slideonlyone('newboxes1')
javascript:slideonlyone('newboxes2')

но он, похоже, не работает.

скрипка

  • 0
    вам нужно показать все div сразу?
  • 0
    Да, я хочу одну кнопку сверху с надписью Показать / скрыть все, и при этом возможность нажать другую ссылку, которая просто открывает этот div.
Теги:

2 ответа

1
Лучший ответ
if ($(this).attr("id") == thechosenone) {
   $(this).slideToggle(400);
}

Удалите указанное выше условие if, которое препятствует скольжению обоих элементов.

 $('.newboxes2').each(function (index) {       
            $(this).slideToggle(400);
    });

JSFiddle

Поделиться
  • 0
    Я все еще хочу возможность скользить каждый контент. Я просто хочу добавить кнопку Показать / Скрыть все.
  • 0
    @ user2952613 см. эту скрипку jsfiddle.net/praveen_jegan/F48AT/10
Показать ещё 1 комментарий
0

См. Http://jsfiddle.net/F48AT/5/. Вы используете

$(this).slideToggle(400);

здесь эта область относится к текущему кликнутому элементу. Поскольку вы хотите, чтобы все слайды открывались, вам нужно использовать класс, общий для всех слайдов. В вашем случае это.newboxes2. Поэтому этот код открывает все слайды:

if ($(this).attr("id") == thechosenone) {
    $('.newboxes2').slideToggle(400);
}
Поделиться
  • 0
    Я все еще хочу возможность скользить каждый по отдельности, и кнопка, которая показывает / скрывает все поля. jsfiddle.net/F48AT/8

Ещё вопросы

Сообщество Overcoder
Наверх
Меню