javascript - 左側導覽如何實現伸縮

Question

#點選按鈕然後變成：

這是用外掛實現的嗎？要是用原生應該怎樣這個hover效果呢？

Answer 1

這是adminlte的框架吧

原理就是用父節點的class來控制子節點的展示方式、

彈出的選單就是你hover的子節點

https://adminlte.io/themes/Ad...

其實看看adminlte的程式碼就知道了

    <li class="active treeview menu-open">
      <a href="#">
        <i class="fa fa-dashboard"></i> <span>Dashboard</span>
        <span class="pull-right-container">
          <i class="fa fa-angle-left pull-right"></i>
        </span>
      </a>
      <ul class="treeview-menu">
        <li><a href="index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
        <li class="active"><a href="index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
      </ul>
    </li>