像使用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());
});