Поддержка Темы и шаблоны Не работают стили аккордеона

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

    <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 недели, 6 дней назад пользователем intman1958.
    • Тема изменена 2 недели, 6 дней назад пользователем Yui. Причина: formatting

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

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • пользоваться готовыми плагинами это уже не ваш путь?

    пользоваться готовыми плагинами это уже не ваш путь?

    Я не отношу к плагино фобам. Просто интересно. Почему так получается и есть ли возможность что-то сделать

    пользоваться готовыми плагинами

    И какой бы плагин вы мне рекомендуете, если учесть все его элементы должы быть ссылками, и к ним должны быть прикреплены иконки.

Просмотр 3 ответов — с 1 по 3 (всего 3)