如何設計一個摺疊式菜單，移動，那裏的擴展元素也鏈接

Question

我有一個手機的設計以滿足：

菜單是一個相當標準的手風琴設置。

• 它開始摺疊。

• 攻絲任何地方對A將展開以顯示A子菜單。

• 上B攻絲隨時隨地會崩潰A和擴大B。

• 攻絲任何地方在A Sub 1將帶你到那個鏈接。

到目前爲止的所有標準！但額外的功能是A本身就是用戶可能想要訪問的頁面！ 我們必須完成這個非常特殊的設計，所以我們不能添加擴展控制，從擴展的鏈接分開。

我最初使用簡單的嵌套<ul>列表和一些瑣碎的JS綁定到的onclick事件。對於鏈接或擴展器的元素來說，這是很好的，但是這些元素在兩者都是分裂的。

我試圖改變行爲暴露子菜單上懸停，利用我發現的行爲，並記錄在這裏：Tablets hover on first click, click on second click 但這在技術上的工作，但不是很好：你不能滾動菜單妥因接觸你目前的擴張之外會改變選擇;子菜單的懸停曝光不是動畫;它通常不適用於手機，在小桌面屏幕上它完全無法使用。

我看了好久在線爲例或將只是這樣做圖書館，但沒有適合我需要什麼，我們一直在考慮這個非常特殊的設計規範。

目前我唯一的解決辦法將是實施2相點擊自己在JavaScript中，存儲在數據屬性的元素的當前狀態，並決定採取什麼樣的點擊動作之前讀那些。

有沒有什麼更好的方法來實現這一目標？

= - = - = - = - = - = - = - = - = - = - = - =

在這裏看到有關相關的場景，使職位，傳統的導航欄菜單：

• Tablets hover on first click, click on second click

• https://stackoverflow.com/questions/29354150/deactivate-hover-on-tablet

Answer 1

你只需要坐在電腦前和WA當所有程序都包含多個觸摸，語音識別和思想功能以滿足您的功能需求時，大約在50年內就可以收到響應。

根據摩爾定律和對互聯網的普遍冷漠，個人經驗表明這個問題在5年到10年內不會解決。