Script for mobile dropdown menu in header with scroll

gistfile1.txt

/* set height for mobile menu */
var headerHeight = 80;
jQuery('.navbar-toggle').on('click', function(){
    jQuery('.navbar-collapse').delay(400).queue(function(next){
        jQuery(this).css('height', window.innerHeight-headerHeight);
        next();
    });
})

<div class="collapse navbar-collapse" id="navbar-collapse-1">
    <ul class="nav navbar-nav">
    ...
    </ul>
</div>

.nav.navbar-nav{
    height: 100%;
}