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

Question

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

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

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

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

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

Fiddle

Answer 1

if ($(this).attr("id") == thechosenone) { 
    $(this).slideToggle(400); 
} 

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

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

JSFiddle

Answer 2

См http://jsfiddle.net/F48AT/5/ используется

$(this).slideToggle(400); 

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

if ($(this).attr("id") == thechosenone) { 
    $('.newboxes2').slideToggle(400); 
}