左菜单像wordpress

时间:2012-05-22 12:25:24

标签: javascript jquery

我正在尝试找到一个javascript库(更好的是,如果可以使用usiny jquery),一旦你被记录,或多或少地复制wordpress左边菜单栏的功能。

此菜单包含带有名称的图像,您可以展开/折叠,如果您悬停,您可以在新的扩展窗口中看到选项,如果您点击它,菜单展开时使用相同的先前显示选项,...

我找到了一些库/ jquery插件,但它们并不太近......

我没有找到一个免费的开放选项,它可以是一个商业选项。

Maye可以用jquery崩溃来完成,但是,如果它已经存在,那就更好了......

感谢,

See the attached image.

2 个答案:

答案 0 :(得分:0)

基本的javascript和css将完成这项工作,菜单是一个ul,每个菜单项都是一个li,里面有另一个ul,它有display:none;在css。当您单击它时,只需使用javascript来显示它。对于悬停,只需添加一个事件监听器悬停在每个li元素上,然后显示/隐藏ul或附加它。

或者我错过了你想要的东西?

答案 1 :(得分:0)

这样的东西?

Look at this demo

$('ul#tabs li').hover(function() {
  $(this).find('ul').hide().stop().animate({height: 'toggle'});
}, function(){
  $(this).find('ul').stop().animate({height: 'toggle'});
});

也禁用JS。