ASCII（C＃）MVC程序中的动态下拉列表

Question

我正在尝试转换一个下拉表，该下拉表目前基本上是一个悬停菜单（通过CSS）。我希望这是一个常规的js菜单，当您单击Category时，子类别会打开。目前这就是我所拥有的。项目是从数据库中填充的。

<% foreach (Category Item in TopCategories.OrderBy(x=> x.SortOrder))  { 
 // Get sub categories
List<Category> SubCats = Category.LoadByParentID(Item.CategoryID, false);
    if(Item.ParentCategoryID == 0) 
            {%>
      </li>
          <li > 
           <div class="menu-categories">
               <%=Html.Label(Item.CategoryName) %>
          </div> 
                                       <ul> <%= Html.ActionLink(Item.CategoryName.Trim(), Item.ActionUrl, "Category", null, new { title=Item.CategoryName, @class="CatName" })%>
    <% if (SubCats.Count > 0) { %>
    <% foreach (Category SubCat in SubCats){ %>
       <li>
          <%= Html.ActionLink(SubCat.CategoryName, SubCat.ActionUrl, "Category", null, new { title = SubCat.CategoryName })%>
           </li>  <% } %>
    </ul>   <% } %>                                             
</li>
    <% }                                                                                
        } %>