jquery左侧导航菜单

时间:2013-01-05 09:43:39

标签: jquery navigation

我左边有一个导航菜单,当我点击h3时,我正在使用jquery向下滑动子菜单,因为当我点击它时它显示隐藏的菜单但是如果我点击第二个h3它也会打开,但不会关闭之前的h3内容。

这是一个link,看看我在说什么。

感谢roXon,我的问题得到了解决,但现在当我在h3标签内添加超链接时,它无法正常工作。

1 个答案:

答案 0 :(得分:2)

这个允许你:

  • 在打开单击的
  • 之前隐藏所有已打开的内容
  • 在一个“按钮”上切换(显示/隐藏)

http://jsbin.com/welcome/69899/edit

$(document).ready(function (){


$('.hide').hide();
$('.arrowlistmenu li:has(".hide")').find('h3').click(function() {
    var el = $(this).next('.hide'),
    check = (el.is(':visible')) ? el.slideUp() : ($('.hide').slideUp()) (el.slideDown());
});


});