$(document).ready(function() { var $dropdownmenuListEle = $("ul.dropdown-menu > li > a"); var paddingTop = $dropdownmenuListEle.css('padding-top'); var paddingBottom = $dropdownmenuListEle.css('padding-top'); var maxHeight = 10; $("ul.dropdown-menu").each(function () { var height = $(this).height(); var childrenCount = $(this).children().length; var totalHeight = height + childrenCount * (parseFloat(paddingTop) + parseFloat(paddingBottom)); if (maxHeight < totalHeight) { maxHeight = totalHeight + 90; } }); $(".nav.navbar-nav").hover( function () { $(".bg-dropdown-menu").addClass('show'); $('.dropdown-menu').show(); $(".bg-dropdown-menu").css("height", maxHeight + "px"); }, function () { $(".bg-dropdown-menu").removeClass('show'); $('.dropdown-menu').hide(); $(".bg-dropdown-menu").css("height", 0); } ); $(".caret").toggle( function () { $(this).parent().parent().addClass("show-children"); }, function () { $(this).parent().parent().removeClass("show-children"); } ); $(".navbar-toggle").toggle( function () { $(this).addClass("on"); $("nav .navbar-collapse").addClass("in"); $( '.bg-dropdown-menu' ).addClass('show'); }, function () { $(this).removeClass("on"); $("nav .navbar-collapse").removeClass("in"); $( '.bg-dropdown-menu' ).removeClass('show'); } ); });