Vertical menu with filter inside the sub-menu

Question

I would like to make a filter inside the sub-menu, filtering the menu itself as you type it will display the related.

The idea would be similar to this link. At the end of my menu has sub-menu called store or Adm.

Example: http://jsfiddle.net/welguri/cetnzp4x/1/

Answer 1

You can create such a filter:

$('#filter').on('keyup', function(){

    var dataFilter = $(this);
    var valorBusca = dataFilter.val();
      var contaLetras = valorBusca.length;
       if (contaLetras >= 1) {
           filterData(valorBusca);
       } else {
        $('.navbar-nav li a').parent().show();  
       }

 function filterData(data) {

        $('.navbar-nav li a').each(function(iIndex, sElement) {
            $(sElement).parent().hide();  
            if (sElement.innerHTML.indexOf(data) !== -1) {
                 $(sElement).parent().show(); 
             }  
        });
} 

function retiraAcentos(palavra) {
    var com_acento = 'áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇ';
    var sem_acento = 'aaaaaeeeeiiiiooooouuuucAAAAAEEEEIIIIOOOOOUUUUC';
    var nova='';
    for(i=0;i<palavra.length;i++) {
        if (com_acento.search(palavra.substr(i,1))>=0) {
            nova+=sem_acento.substr(com_acento.search(palavra.substr(i,1)),1);
        }
        else {
            nova+=palavra.substr(i,1);
        }
    }
    return $.trim(nova).toLowerCase();
}

});

Here is the Jsfiddle: http://jsfiddle.net/ivanferrer/1L8Lc86s/1/

Here theme full version: http://jsfiddle.net/ivanferrer/1L8Lc86s/5/