【jQuery】jQueryのツリービュプラグインSidebar nav

Sidebar navはjQueryのツリービュプラグイン。

CSS&JS

<link rel="stylesheet" href="css/sidebar-nav.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sidebar-nav.js"></script>

ブートストラップとアイコンフォント

<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>

HTML

<ul class="sidebar-menu">
<li class="header">Navigation</a></li>
<!-- start of sub menu -->
<li class="treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<!-- start of multi level menu -->
<ul class="treeview-menu">
<li><i class="fa fa-circle-o"></i> Dashboard v1</li>
<li><i class="fa fa-circle-o"></i> Dashboard v2</li>
</ul>
<!-- end of multi level menu -->
</li>
<!-- end of sub menu -->
<li><a href="#">Default</a></li>
</ul>
$('.sidebar-menu').anarchytreeview()

MIT

 
sidebar-nav

【jQuery】jQueryのツリービュプラグインSidebar nav

  • LATEST
  • RELATED
  • POPULAR