jquery - 像使用 jQuery 的选择下拉列表一样列表？

Question

请，

我想模拟下拉选择，但只有链接，没有表格。问题是如何在您当前所在的位置选择并显示类别或子类别链接？

<ul><li>Category
   <ul>
     <li>Subcategory1</li>
     <li>Subcategory2</li>
   </ul>
</li></ul>

因此，当您在类别中时，可见的将是类别的名称，这很容易，因为它是第一个 LI，但是当您在子类别中时，子类别的名称将被“选中”并可见。

如果您有其他解决方案，请列出，建议我。

对不起我的英语我不知道如何更好地解释:)

Answer 1

如果我没理解错的话，听起来您只需要几个 div 元素。一个显示当前选择的元素，另一个显示整个菜单(减去当前元素？)。

如果是这种情况，您可以将点击事件附加到每个将更新顶部 div 文本的菜单项:

<div id="current_page">Default Value</div>
<div id="current_menu">
  <ul>
    <li><a href="page1.html">Page 1</a></li>
    <li><a href="page2.html">Page 2</a></li>
  </ul>
</div>

然后您将使用 jQuery 添加一些效果和逻辑:

$("#current_page").click(function(){
  $("#current_menu").slideToggle();
});

$("#current_menu a").click(function(event){
  event.preventDefault(); //prevent synchronous loading
  $("#current_page").html($(this).text());
});