jquery手风琴链接菜单

时间:2013-02-18 17:13:43

标签: jquery html-lists accordion styling

想知道制作Jquery Accordion链接菜单的最佳方法。由于CMS的限制,这对我来说变得更加复杂。我理想的是: 一个JQ菜单,它将解析菜单结构,如:

<ul class="amenu">
<li><a href="">Intro to page...</a> /*This should link to the intro page, and also expand the accordion. It must be a li.*/
 <ul>
  <li><a href="">More information about parent item, styled differently and in an accordion</a></li>
  <li><a href="">Further info to above item..</a></li>
 </ul>
</li>
<li><a href="">Another page intro</a></li>
///more sub items
</ul>

我面临的问题是我使用的CMS是相当严格的,我不能在第一级和第二级li中添加一个单独的类(我可以在CSS中实现这一点,在列表样式方面不是很好!?)。我还希望手风琴能够在课堂上打开(如果访问了一个子手风琴页面),CMS会为了参数而分配说明我觉得应该可以通过JQuery手风琴进行当前项目吗?

Jquery 1.4.3正在使用中,但如果需要可以灵活。

1 个答案:

答案 0 :(得分:0)

您可以使用以下选择器:

   .amenu li ul { /* Second level menu */ }
   .amenu li ul li { /* Li seconde level */ }

打开子级别菜单:

   .amenu li ul { display: none; }
   .amenu li:hover > ul { display: block; }

如果我理解了你的问题。