Mobilmenü

Hallo,
ich habe ein Problem mit meiner mobilen Navigation. Ich habe einen Menüpunkt, der beinhaltet eine Untermenüpunkte.
In der Desktop Ansicht lasse ich die Untermenüpunkte per ":hover" ausklappen, die CSS Angaben lauten wie folgt:
#navigation .level_1 li:hover .level_2
{
display: block;
}
standardmäßig steht dies auf "display: none;".
In der mobilen Ansicht klappen sie die Menüpunkte per Touch auf den Menüpunkt aus, doch ich habe zwei Untermenüs untereinander.
Das Problem besteht darin, wenn ich das erste Menü in der Mobil Version ausklappe und danach das Menü darunter aufklappen möchte, werde ich auf eine Unterseite des zweiten Menüs geleitet.
Wie kann ich dies in der Mobilen Version unterbinden?

MfG