How use it?

npm i rvnm

yarn add rvnm

<navid="navbar"class=""><ul><li><spanclass="spliter"><iclass="fa fa-cart-plus"></i>                Aliquam dictum</span></li><li><ahref="#"><iclass="fa fa-plus-square"></i>                Nunc eleifend molestie velit. Morbi lobortis quam eu velit</a><ul><li><ahref="#">                        semper leo</a></li><li><a>                        habitasse platea</a><ul><li><ahref="#">                               dictumst</a></li><li><ahref="#">                                Vivamus facilisis</a></li><li><ahref="#">                                In hac habitasse</a><ul><li><ahref="#"> platea dictumst</a></li><li><ahref="#">Nunc sed lacus</a></li><li><ahref="#">euismod gravida</a></li></ul></li></ul></li><li><ahref="#">                        sed placerat ipsum</a></li></ul></li><li><ahref="#"><iclass="fa fa-address-book"></i>                ipsum urna sed risus</a></li><li><spanclass="spliter"><iclass="fa fa-cut"></i>                Maecenas fermentum</span></li></ul></nav>

$(function(){varrvnMenu=$("#navbar").rvnm({searchable:true,theme:'dark-lesb'});rvnMenu.setTheme('dark-doder');});

DEMO (example)

option and events

wrapper

mode

theme

searchable

sticky

screenshot

Browser compatibility