Hola. Tengo un jquery que despliega un menú y este otro menu, dando un total de 3 niveles. El último nivel al dar clic agrega una clase llamada ACTIVE al ancla, pero el enlace padre se oculta presentando el primero de ellos:

<script>
jQuery(document).ready(function(){
jQuery('.box-category .menu').find('li>ul').before('<i class="fa fa-angle-right"></i>');
jQuery('.box-category .menu li i').on("click", function(){
if (jQuery(this).hasClass('fa-angle-down')) { jQuery(this).removeClass('fa-angle-down').parent('li').find('> ul').slideToggle(); }
else {
jQuery(this).addClass('fa-angle-down').parent('li').find('> ul').slideToggle();
}
});
});
</script>

¿Cómo podría mantener el despliegue de los menus padre? La web en cuestión: http://www.lineuphn.com/limcom/index.php?route=common/home