jquery - 菜单脚本[点击后如何保持菜单打开]

时间:2012-08-18 19:49:58

标签: jquery jquery-plugins

jquery - 菜单脚本[点击后如何保持菜单打开]

标题说明如何在点击

后打开菜单

例如,在此网站http://the-dot.co.uk/portfolio/webdesign 如果你按下“portfoli”它会显示一个菜单,选择网页设计,你将被重定向到那个页面,“portfoli”菜单将重新打开。

我想以同样的方式,有人可以编辑吗?

这是html代码

<code>
<ul class="navigation">
    <li class="toggle">Us</li>
    <li class="content"><a href="/index/thedot/">about thedot</a></li>
    <li class="toggle">Portfolio</li>
    <li class="content"></li>
    <li class="toggle">Contact</li>
    <li class="content">contact deets</li>
    <li class="toggle">Twitter</li>
    <li class="content">some twitter shit</li>
    <li><a href="#">Blog</a></li>
</ul>

</code>

这是jquery代码

$(function() {
  $("li.content").hide();
  $("ul.navigation").delegate("li.toggle", "click", function() { 
      $(this).next().toggle("fast").siblings(".content").hide("fast");
  });
});

修改

这里是你要求的现场演示

http://jsfiddle.net/K6TSv/1392/

0 个答案:

没有答案