Не работают стили аккордеона

Сделал аккордеон Все работает перенес его на вордпресс и выпадающие панели получились открытыми.
Верстка

<a href="#pane1" class='accordian-panel'>Airtime & Internet Data</a>

</div>

<a href="#pane2" class='accordian-panel'><img src="https://cpt.marinestoresa.co.za/wp-content/uploads/2022/07/ic.webp">Alcohol, Wine & Beers</a>
<div id="pane2"class="panel">
  <p>Beer & Cider</p>
  <p>Brandy & Cognac</p>
  <p></p>
</div>

<a href="#pane3" class='accordian-panel'>Audio Speakers & Headphones</a>
<div id="pane3"class="panel">
 
</div>

CSS

.accordian-panel{
  display: block;
  width:15%;
  background-color: #eee;
  padding:18px;
  text-decoration: none;
}
.panel{
  height:0px;
  overflow:hidden;
}

.panel:target{
  height:auto;
  transition: height 2s ease;
  }

И еще как сделать последнюю строчку аккордеона чтобы в ней открывался еще один аккордеон?

• Тема изменена 2 года, 4 месяца назад пользователем intman1958.
• Тема изменена 2 года, 4 месяца назад пользователем Yui. Причина: formatting

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]