展开菜单，显示子菜单

我正在尝试创建一个“可扩展”菜单。 因此，如果用户点击选项A，则应显示两个子选项。 我正在尝试做这样的事情但是在菜单中……

到目前为止这是我的代码……

  Galleries 
 
 
  Add 
 
  Delete 
 
 
  

因此，当我单击图库时，应显示“添加”和“删除”选项。 有什么建议？

Answer 1

我会像这样嵌套ul：

 
 
 Link used to expand 
 
Sub Menu Item
 
Sub Menu Item
 
Sub Menu Item
 
 
  

我会用这个jquery：

 $(document).on('click', 'a.expand', function(e) { e.preventDefault(); $(this).siblings('ul').slideToggle(); }); 

您需要将子菜单CSS设置为none。

这些方面的东西应该可以解决问题。

Answer 2

这有效：

 
 
 Support 
 
 Add
 
 Delete
 
 
  

Answer 3

我相信你希望课程下拉而不是崩溃。 这就是bootstrap文档为菜单推荐的方式。

将类更改为dropdown ，删除内部div，并在类ul dropdown-menu添加内部ul。

 
 >Galleries 
 
  Add 
 
  Delete 
 
  

Answer 4

这个http://jsfiddle.net/68RXP/213/

 $(function(){ $(".nav-collapse88").hide(); $("a").click(function(e){ e.preventDefault(); $(".nav-collapse88", $(this).parent()).slideToggle(); }); })​ 
   Galleries 
 
 
  Add 
 
  Delete 
 
 
 
​