Topic: multi level in sidenav items
You can try to use this code:
<li> <ul class="collapsible collapsible-accordion"> <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-hand-pointer-o"></i> Instruction<i class="fa fa-angle-down rotate-icon"></i></a> <div class="collapsible-body"> <ul> <li> <ul class="collapsible collapsible-accordion"> <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-hand-pointer-o"></i> Submit listing</a> <div class="collapsible-body"> <ul> <li><a href="#" class="waves-effect">For bloggers</a> </li> <li><a href="#" class="waves-effect">For author</a> </li> </ul> </div> </li> </ul> </li> <li><a href="#" class="waves-effect">Registration form</a> </li> </ul> </div> </li> </ul> </li>Regards
hi, thanks for the answer, the code that you provided me doesn't work in second level:
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-hand-pointer-o"></i> Instruction<i class="fa fa-angle-down rotate-icon"></i></a> <div class="collapsible-body"> <ul> <li><a href="#" class="waves-effect">For bloggers</a> </li> <li> <a class="collapsible-header waves-effect arrow-r"><i class="fa fa-hand-pointer-o"></i> For authors<i class="fa fa-angle-down rotate-icon"></i></a> <div class="collapsible-body"> <ul> <li><a href="#" class="waves-effect">Submit listing</a></li> <li><a href="#" class="waves-effect">Registration form</a></li> </ul> </div> </li> </ul> </div> </li>
Hi,
You can make it by adding <div> inside <li> items, for example:
<div class="collapsible-body">
<ul>
<li><a href="#" class="waves-effect">Submit listing</a></li>
<li><a href="#" class="waves-effect">Registration form</a></li>
</ul>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags