$(function() {
    
    
    //$('.sub-menu').hide();
    
    $('.sub-menu').each(function() {
        
        var height = $(this).outerHeight();
        
        $(this).data('orig-height', height);
        
        $(this).css({ height: '0px', marginLeft: '0px' });
        
    });
    
    $('.sub-menu').parent().append('<span class="closed" />');
    
    $('.sub-menu').parent().data('sub-menu', 'closed');
        
    $('#nav-menu li a').click(function(e) {
        
        if ( $(this).attr('href') === "#" ) {
            
            e.preventDefault();
            
            var navparent = $(this).parent();
            
            if( navparent.data('sub-menu') == 'closed' ) {
            
                navparent.find('.sub-menu').animate({ height: navparent.find('.sub-menu').data('orig-height'), marginLeft: '20px' }, 300, 'easeOutQuad');
            
                navparent.find('.closed').addClass('open').removeClass('closed');
            
                navparent.data('sub-menu', 'open');
            
            }else {
                
                navparent.find('.sub-menu').animate({ height: '0px', marginLeft: '0px' }, 300, 'easeOutQuad');
            
                navparent.find('.open').addClass('closed').removeClass('open');
                
                navparent.data('sub-menu', 'closed');
                
            }
            
        }
        
    });
    
    
});