Многослойная навигационная кладка - возможно с чистым CSS? - PullRequest
Новая
       73

Многослойная навигационная кладка - возможно с чистым CSS?

0 голосов
/ 05 мая 2019

есть ли способ заставить многослойную навигацию работать как на картинке с чистым CSS?По сути, я думаю, что это кладка, где может быть трудно достичь этого, но, возможно, некоторые из вас, ребята, знают решение.В противном случае мне нужно написать несколько js, но я бы предпочел, чтобы без них.

Вот моя ручка: https://codepen.io/anon/pen/joOmNd

Как это должно выглядеть при упаковке.How it should look

Структура выглядит в основном так: 

<ul>
  <li class="has-children">
    <a href="#">Level 1</a>
    <ul>
      <li>Level 2</li>
      <li>Level 2</li>
      <li>Level 2</li>
      <li>Level 2</li>
      <li>Level 2</li>
    </ul>
  </li>
  <li><a href="#">Level 1</a></li>
  <li><a href="#">Level 1</a></li>
  <li class="has-children">
    <a href="#">Level 1</a>
    <ul>
      <li>Level 2</li>
      <li>Level 2</li>
    </ul>
  </li>
  <li class="has-children">
    <a href="#">Level 1</a>
    <ul>
      <li>Level 2</li>
      <li>Level 2</li>
      <li>Level 2</li>
    </ul>
  </li>
</ul>

Это то, как она выглядит в настоящее время, когда она переносится.How it should look

С уважением, Фабиан

...