下拉菜單鏈接不起作用

Question

我有一個簡單的下拉菜單，但鏈接關閉菜單，當你點擊它們時 - 它們突出顯示當你瀏覽它們時，它們也突出顯示，當你點擊但菜單只是關閉而不移動到選定的頁面？

#nav-mobile { 
    display: block; 
    padding-top: 12px; 
    height: auto; 
    min-height: 33px; 
    overflow: hidden; 
    font-size: 0.9em; 
    background: none; 
} 

#nav-mobile, #nav-mobile ul, #nav-mobile li { 
    position: relative; 
     background: none; 
} 
#nav-mobile ul { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
     background: none; 
} 
#nav-mobile ul li { 
    width: 100%; 
    display: block; 
    padding: 13px 0 13px 0; 
    margin: 0; 
     background: none; 
} 
#nav-mobile ul a:hover { 
    background: none; 
} 
#nav-mobile ul li:hover { 
    background: none; 
} 

<script type="text/javascript"> 
$(document).ready(function() { 

    $('#nav-mobile ul').hide(); 
    $('#nav-mobile').click(function(e) { 
     e.preventDefault(); 
     $('#nav-mobile ul').slideToggle(); 
    }); 
}); 
</script> 

    <div id="nav-mobile"> 
    <a href="#">Menu</a> 
<ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="services.html">Services</a></li> 
     <li><a href="whyus.html">Why us?</a></li> 
     <li><a href="faqs.html">FAQs</a></li> 
     <li><a href="careers.html">Career</a></li> 
     <li id="last-child"><a href="contactus.html">Contact us</a></li> 
     <li id="last-child"><a href="#">Portal</a></li> 
    </ul> 
</div> 

Answer 1

e.preventDefault(); 防止鏈接 - 刪除！

容器的點擊事件總是會首先觸發 - 所以滑動切換也可能是一個問題！