Как переключаться между иконками на складывающемся меню? - PullRequest
Новая
       7

Как переключаться между иконками на складывающемся меню?

0 голосов
/ 24 января 2019

У меня есть следующее раскладное меню, реализованное в материализованном виде.enter image description here

Я хочу переключаться между значками, чтобы отображать стрелку, направленную вниз, когда элементы меню отображаются (как выше), или стрелку, направленную вправо, когда элементы меню скрыты,Как мне реализовать это в материализации?

PS: Под стрелкой я имею в виду серый значок рядом с предложением «Тематические столбы»

Код 

<ul id='slide-out' class='sidenav'>
  <li>
    <ul class="collapsible collapsible-accordion">
      <li class="active">
        <a class="collapsible-header waves-effect waves-teal" tabindex="0">
          Thematic pillars <i class="material-icons right" style="margin-right:0;">arrow_drop_down</i>
        </a>
        <div class="collapsible-body">
          <ul>
            <li class="side-links"><a href="/thematic-pillars#pillar-one">Pillar One</a></li>
            <li class="side-links"><a href="/thematic-pillars#pillar-two">Pillar Two</a></li>
            <li class="side-links"><a href="/thematic-pillars#pillar-three">Pillar Three</a></li>
            <li class="side-links"><a href="/thematic-pillars#pillar-four">Pillar Four</a></li>
          </ul>
        </div>
      </li>
   </ul>
  </li>
</ul>
...