JavaScript jQuery

Question

我正在为iphone修改一个不支持悬停类的现有导航系统。 该菜单在台式机和iphone上均应工作。

当我单击菜单项时，它会正确显示和隐藏。 它还在悬停时显示和隐藏。 大。 问题在于，当用户单击iphone上的链接并导航到其他页面时，当用户返回到原始页面时，菜单仍处于打开状态。 一直保持这种方式，直到用户再次忠实地单击菜单以隐藏菜单为止，这是不可接受的。

有人可以帮忙吗？ 我整天都在检查Stackoverflow，没有任何结果。 我的妻子要离婚和我的女朋友是不快也。

这是CSS的执行部分。

<div class="top_nav">
<ul id="nav" class="dropdown">
    <li <span class="dir">Desserts</span>
        <ul>
            <li>Pie</li>
            <li>Ice Cream</li>
            <li>Toppings
                <ul>
                    <li>Chocolate Sauce</li>
                    <li>Nuts</li>
                    <li>Whipped Cream</li>
                </ul>            
             </li>        
         </ul>
    </li>    
    <li>Dessert Wines</li>
    <li>Brandy</li>
</ul>
</div>


$(document).ready(function(){
      $('.top_nav').children("ul").children("li").click(function(e) {  //this works with click
        if($(e.target).closest("li").get(0) !== this) { return; }//anti-bubbling measure (try  without this line and see the effect) 
       $(this).find("ul").stop(true, true).toggle();
    }); 
       $('.top_nav').children("ul").children("li").children("ul").children("li").click(function(e){ 
       if($(e.target).closest("li").get(0) !== this) { return; }//anti-bubbling measure (try  without this line and see the effect)     
    $(this).find("ul").stop(true, true).toggle();   
    }); 
 });