Ciao a tutti,
ho un problema che mi sta facendo diventare matto, spero voi possiate aiutarmi.

Ho il seguente codice html:

codice:
<div>	
		<div id=menu class=menucontainer>
				<ul>
						<li>
								<a href=/>Home</a>
						</li>
						<li>
								<a href=#  >voce1<span></span></a>
								<ul class=sub-menu>
										<li>
											 <a href=#>submenu1</a>
										</li>
										<li>
												<a href=#>submenu2</a>
										</li>
															
								</ul>
						</li>
				</ul>
		</div>
</div>

e il seguente codice jquery:

codice:
$('#menu > ul > li).on('click',
        function() {
    	$(this).addClass("active");
           
        
    });

Aggiungendo la classe active alla voce di men�, mi appare il sottomen�.
Il problema � questo: nella versione desktop funziona, mentre sul tablet si comporta in maniera anomala.
Sono con il tablet in orizzontale, clicco non succede nulla, se dopo cliccato ruoto lo schermo da orizzontale a verticale e poi lo rigiro nuovamente magicamente riappare il sottomenu. Da questo momento in poi il funzionamento � corretto anche se metto altre voce di menu con altri sottomen�, qualcuno sa spiegarmi il perch�?!?!?

Grazie
Alessandro