Accordion 2 ссылки в заголовке — на открытие самого аккордеона и переход на страницу сайта?

Question

[greenzlat]

Есть accordion с двойной вложенностью.
КОД
Открытие - закрытие вкладок аккордеона работает норм. Но мне надо чтобы в заголовке аккордеона по клику на один элемент (class='show_acc') - аккордеон раскрывался, а по клику на второй элемент (class='link_active') - происходил активный переход по ссылке на страницу сайта.

<div class="accordion-root">
  <div class="accordion">
    <div class="accordion-item item1">
      <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
      <div class="subb">
        <div class="accordion accordion-child">
          <div class="accordion-item item2">
            <div class="accordion-header"><a href="link2.html" class="a_link">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
            <div class="content_item">
              Текст
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="accordion">
    <div class="accordion-item item1">
      <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
      <div class="subb">
        <div class="accordion accordion-child">
          <div class="accordion-item item2">
            <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="accordion">
    <div class="accordion-item item1">
      <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
      <div class="subb">
        <div class="accordion accordion-child">
          <div class="accordion-item item2">
            <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="accordion">
    <div class="accordion-item item1">
      <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
      <div class="subb">
        <div class="accordion accordion-child">
          <div class="accordion-item item2">
            <div class="accordion-header"><a href="link.html" class="link_active">Активная ссылка на страницу</a><span class="show_acc">По клику открывать вкладку аккордиона</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

$('.accordion').accordion({
	header: '> .accordion-item > .accordion-header',
	heightStyle: 'content',
	active: true,
	collapsible: true,

});

Если что разметку можно полностью поменять. Подскажите как активировать активные ссылки?

Comments

[Ankhena]

Вытащите ссылку из header и поправьте стили, чтобы выглядело "как было"