だから私は単純な順序付けられていないリストを持っています:
<ul id="nav">
<li>
<span>Group 1 »</span>
<ul>
<!-- list items -->
</ul>
</li>
<li>
<span>Group 2 »</span>
<ul>
<!-- list items -->
</ul>
</li>
</ul>
このメニューのスタイルを設定し、jQuery をいくつか追加して、ユーザーが領域をul
クリックすると常に第 2 レベルの が表示され、がブロック レベルになるようにスタイル設定されているため、リスト項目内のどこでもクリックでき、期待される機能を利用できます。span
span
問題は、ユーザーがスパン要素をクリックして順序付けられていないリストが表示された後、スパンがインライン要素のように機能し、ul
ユーザーがテキストをクリックする必要があり、parent-li 領域をクリックしても機能しないことです。
ここでライブデモを見ることができます: http://jsfiddle.net/d2Z7m/6/
span
垂直メニューを作成するためのより良い解決策があるかもしれませんが、要素がこのように動作する理由と原因を突き止めたいだけです。