@hypnogaja

Стилизация открытого Accordion, как сделать?

Есть accordion список. Как сделать чтобы цвет текста collapsible-header менялся если tab открыт (когда collapsible-body; {diplay: block})

<div class="section">
            <h5>Simple Dropdown</h5>
            <ul class="faq collapsible animated fadeinright delay-1" data-collapsible="accordion">
              <li>
                <div class="collapsible-header"><i class="ion-android-arrow-dropdown right"></i>Information for you</div>
                <div class="collapsible-body"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p></div>
              </li>
              <li>
                <div class="collapsible-header"><i class="ion-android-arrow-dropdown right"></i>Some tips</div>
                <div class="collapsible-body"><p>Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
              </li>
              <li>
                <div class="collapsible-header"><i class="ion-android-arrow-dropdown right"></i>Places near you</div>
                <div class="collapsible-body"><p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
              </li>
              <li>
                <div class="collapsible-header"><i class="ion-android-arrow-dropdown right"></i>Suggestions</div>
                <div class="collapsible-body"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
              </li>
            </ul>
          </div>
  • Вопрос задан
  • 179 просмотров
Решения вопроса 1
@Froggyweb
если таб открыт то у него меняется состояние, чаще всего в плагинах это добавление класса active или current. есть извращения на чистом css, но по разметке это не твой случай.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы