Mobil Site Menüsü Sadece "ul" Etiketini Gösteriyor :(

Arkadaşlar mobil tasarımda menüdeki sadece ul etiketliler gözüküyor.Alt menü olan li ler gözükmüyor.Yardımcı olanilecek bir arkadaş varsa çok sevinirim.Kod aşağıdaki gibi;

<script type="text/javascript">	
	$(function() {
		var pull
 		= $('#pull');				
menu 		= $('#menu lu');
						
menuHeight	= menu.height();			
			$(pull).on('click', function(e) {	
			e.preventDefault();				
			menu.slideToggle();	
						
		});			
		$(window).resize(function(){        		
		var w = $(window).width();        		
		if(w > 320 && menu.is(':hidden')) {        			
		menu.removeAttr('style');        		
		}    		
		});		
		});	
	</script>

ul yerine lu yazmışsın

var pull = $('#pull') yazmışsın
bunu $(pull) değil pull.on diye çağırabilirsin.

O kismi nasil yapacagimi bilmiyorum,temanin kendisinde vardi bu kisim.Size zahmet olmazsa son halini burdan yazarmisiniz.