CSS Dropdown Glitchy

Question

當您翻轉頂部按鈕時，下拉菜單可以正常工作，但當您嘗試向下移動到下拉菜單時，它會消失。

http://vistaazulresort.com/

Answer 1

的問題是，您使用懸停做出下拉出現的事實。如果用戶沒有將鼠標懸停在菜單項上，則下拉菜單不會顯示/消失。更何況它不適用於大多數移動設備。

解決方案是使用jQuery，尤其是因爲您已經加載了jQuery（1.8.3）。

我不會爲你寫整個菜單，因爲你需要學習。不過，我會給你足夠的開始。這裏是重要的方面...

.dropdown li ul { 
    display:none; 
} 
.show-dropdown li ul { 
    display:block; 
} 

<script type="text/javascript"> 
$(document).ready(function(){ 
     $("#menu-top").click(function() { 
     $(this).toggleClass("dropdown show-dropdown"); 
    }); 
    }); 
</script> 

從下拉式菜單中的菜單項刪除的鏈接標籤。

這裏是工作提琴：http://jsfiddle.net/GRkBM/