Bootstrap Genesis Multilevel Nav

bsg-multilevel-nav.css

ul.dropdown-menu .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-right: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
@media (max-width: 767px) {
ul.dropdown-menu .caret {	
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	}
	
}
ul.dropdown-menu ul.dropdown-menu{
	top:0;
	left:100%;
}

bsg-multilevel-nav.js

(function($) {
    "use strict";
    $(function() {
        $('ul.dropdown-menu .dropdown>a').on('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            var cur_nav_element = $(this).parent();
            cur_nav_element.parent().find('li.dropdown').not($(this).parent()).removeClass('open');
            cur_nav_element.toggleClass('open');
        });
        $('ul.navbar-nav a.dropdown-toggle').on('click', function(event) {
            var cur_nav_element = $(this).parent();
            cur_nav_element.parent().find('li.dropdown').not($(this).parent()).removeClass('open');
        });
    });
}(jQuery));