How to count total height of all li?

http://stackoverflow.com/questions/24811719/how-to-count-total-height-of-all-li

by Aaron Kahlhamer

HTML

<footer>
    	<ul>
    		<li class="submenu">
    			<a href="">Foo</a>
    			<ol>
    				<li><a href="">Lorem ipsum</a></li>
    				<li><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing...</a></li>
    				<li><a href="">Lorem</a></li>
    			</ol>
    		</li>
    	</ul>
    </footer>

CSS

footer li{float:left;clear:both;}
footer ol{display:block;float:left;height:0;overflow:hidden;}

JavaScript

$('footer .submenu').each(function(i){
	    	$('footer .submenu:eq('+i+') a:first').click(function(e){
	    		e.preventDefault();
	    		
                                   
                myHeight = $('ol').css({'height' : 'auto', 'visibility' : 'hidden'}).height();
                
                function removeStyles() {
                     alert(myHeight + 'px'); 
                    $('ol').css({'height' : '0', 'visibility' : ' '});
                }
                
                removeStyles();
                
                
	    		elem = $('footer .submenu:eq('+i+') li').length;

	    		

	    	});
	    });