Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Состояние аккордеона боковой панели и состояние значка

Автор вопроса: SGhalebОтветов: 1

Я создал вертикальную боковую панель меню аккордеона. с каждым аккордеоном так:

значок -- имя -- значок стрелка

<!-- for collapse state add 'very thin' to the sidebar class -->
<div class="ui vertical sidebar menu left overlay visible">
  <a class="item logo">title</a>
  <div class="ui vertical fluid inverted accordion menu">
    <div class="item">
      <a class="title">
        <i class="big home icon left"></i>
        <i class="dropdown icon"></i>
        Size
      </a>
      <div class="content">
        Content
      </div>
    </div>
  </div>
</div>

Я хочу создать боковую панель типа администратора, при наведении мыши она расширяется, чтобы показать аккордеон, в обычном состоянии она показывает только значки.

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

введите здесь описание изображения

angularhtmljquerycsssemantic-ui

Ответы

Ответ 1 · Simon

Добавьте Div вокруг метки и дайте ему уникальное имя класса. Например:

<div class="label">Size</div>

В вашей таблице стилей ссылайтесь на родительские/дочерние элементы соответственно. Что-то вроде этого:

    .ui.vertical.sidebar.menu.left.overlay.visible .label{
        display: block;
    }

    .ui.vertical.sidebar.menu.left.overlay.hidden .label{
        display: none;
    }

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы