Как по нажатию на кнопку открывать все «аккордеоны»?

Question

[Максим]

есть несколько аккордеонов.
https://jqueryui.com/accordion/

нужно настроить кнопку "показать все", чтобы открывались все табы. Просто добавить класс 'open' к элементам - не работает.

Answer 1

[Иван Веков]

Ну можно так, если верно понял:

$('.ui-accordion-content').addClass('ui-accordion-content-active').slideDown();
$('.ui-accordion-header').addClass('ui-state-active');

Comments

[Максим]

Там нет таких классов...иначе верстка устроена.

<div class="accordion" data-accordion>
  			<div class="control" data-control>Цена<img src="img/collapsed_arrow.png" alt=""></div>
	      <div data-content class="cont">
	        <div class="sds">
	      		<label class="check-area">
						    <input class="checkbox" type="checkbox" name="checkbox-test">
						    <span class="checkbox-custom"></span>
						    <span class="label">Цена 1</span>
						</label>
						<label class="check-area">
						    <input class="checkbox" type="checkbox" name="checkbox-test">
						    <span class="checkbox-custom"></span>
						    <span class="label">Цена 2</span>
						</label>
						<label class="check-area">
						    <input class="checkbox" type="checkbox" name="checkbox-test">
						    <span class="checkbox-custom"></span>
						    <span class="label">Цена 3</span>
						</label>
					</div>
	    	</div>
			</div>

[Иван Веков]

Максим Васянович, Не очень понял, я этот код, который отправил в ответе, пробовал на той странице, которую ты скинул.
https://jqueryui.com/accordion/
Там именно такая верстка, и все работает. Можно на фиддле сделать пример страницы, или ссылку дать на рабочую...

[Максим]

vekov, спасибо за попытку помочь, но в итоге пришлось просто сделать руками)