HTML5自適應導航問題

Question

jsfiddle code here

所以當屏幕> 580像素寬度，它需要鼠標懸停工作，它的作用。 如果屏幕是< 580 px寬度，您必須點擊鏈接才能顯示子鏈接。 例如，如果您看jsfiddle code並點擊portfolio，子菜單將打開，但在這些子菜單內還有其他子菜單，例如，工作有兩個子菜單 - >實習和自由職業者。問題是，在移動視圖中，portfolio在點擊時工作，但子菜單的鼠標懸停工作正常，但它們也需要點擊視圖，如果您單擊屏幕上的其他位置，則需要消失。

在jQuery中我已經測試：

if (document.documentElement.clientWidth < 580) { } 

和

if (screen.width < 580) { } 

和內這些我有。點擊功能，但它不工作？

有人可以幫我嗎？ 謝謝

Answer 1

請勿使用JavaScript或jQuery。改爲使用CSS3 media quires。