使用jquery mobile的级联菜单

Question

我想为mvc 4 app创建一个级联菜单。到目前为止，我有这个：

<ul data-role="listview" data-inset="true" data-theme="b">
    <li> @Html.ActionLink("Home", "Index", "Home")</li>
    <li> @Html.ActionLink("Workstations", "Index", "ClientAddresses")</li>
    <li> @Html.ActionLink("Leads", "Index", "Leads")</li>
    <li>Targets
        <ul>
             <li> ...Target for product 1... </li>
             <li> ...Target for product 2... </li>
        </ul>
    </li>
    <li> @Html.ActionLink("Log out", "LogOut", "Login")</li>
</ul>

所以当我将鼠标悬停在项目“目标”旁边的另一个列表上时，我希望这样。如何才能做到这一点？感谢

Answer 1

您是否尝试过Grouped collapsible with listviews http://view.jquerymobile.com/master/demos/widgets/accordions/