Как сделать в css аккордеоне, чтобы при загрузке страницы по умолчанию открывался определенный пункт?

Question

[Alex-Broudy]

Как сделать в css аккордеоне, чтобы при загрузке страницы по умолчанию открывался определенный пункт, например второй или четвертый сверху-вниз?

Ниже скриншот аккордеона:


Скрипт нашел в интернете, он отлично работает, но все мои попытки как новичка внести в него изменения не удаются успешно. Собственно вот скрипт:

$(function() {
  var Accordion = function(el, multiple) {
    this.el = el || {};
    // более одного подменю открыто?
    this.multiple = multiple || false;
    
    var dropdownlink = this.el.find('.dropdownlink');
    dropdownlink.on('click',
                    { el: this.el, multiple: this.multiple },
                    this.dropdown);
  };
  

  
  Accordion.prototype.dropdown = function(e) {
    var $el = e.data.el,
        $this = $(this),
        //это ul.submenuItems
        $next = $this.next();
    
	$next.slideToggle();
    $this.parent().toggleClass('open');
    
    if(!e.data.multiple) {
      //показывать только одно меню одновременно
      $el.find('.submenuItems').not($next).slideUp().parent().removeClass('open');
    }
  }
  
  var accordion = new Accordion($('.accordion-menu'), false);
});

Это html:

<ul class="accordion-menu">
	<li>
		<div class="dropdownlink">Сортирвка 1</div>
		<ul class="submenuItems">
			<li>Длина</li>
			<li>Высота</li>
		</ul>
	</li>
	<li>
		<div class="dropdownlink">Сортирвка 2</div>
		<ul class="submenuItems">
			<li>Длина</li>
			<li>Высота</li>
		</ul>
	</li>
	<li>
		<div class="dropdownlink">Сортирвка 3</div>
		<ul class="submenuItems">
			<li>Длина</li>
			<li>Высота</li>
		</ul>
	</li>
	<li>
		<div class="dropdownlink">Сортирвка 4</div>
		<ul class="submenuItems">
			<li>Длина</li>
			<li>Высота</li>
		</ul>
	</li>
	<li>
		<div class="dropdownlink">Сортирвка 5</div>
		<ul class="submenuItems">
			<li>Длина</li>
			<li>Высота</li>
		</ul>
	</li>
</ul>

Буду благодарен очень, если кто поможет решить эту не сложную для профессионалов задачку пятиминутку )

Comments

[Rustam Bainazarov]

Ну так добавьте изначально ваш класс .open к нужному пункту.

[Alex-Broudy]

Рустам Байназаров, спасибо за совет, все получилось ))

в верстке нужному элементу li добавил класс open, а в стилях прописал:

.accordion-menu li.open ul.submenuItems{display: block;}

и все заработало ) странно что сразу не додумался до этого ))

[Rustam Bainazarov]

Alex-Broudy, LOL, не за что!