单击父li时,jQuery滑动切换ul

单击父li时,jQuery滑动切换ul,jquery,css,slidetoggle,Jquery,Css,Slidetoggle,1.)如果我点击图片,所有“主题”(ul)都应该关闭并更改其类别。我可以设法换个班,但他们不会关门 我想: $("#nav ul li.open").slideToggle('fast'); 将在此功能中工作: $("#home").click(function (e) { // Prevent the default action of the event e.preventDefault(); var linkHref = this.id + '.html';

1.)如果我点击图片,所有“主题”(ul)都应该关闭并更改其类别。我可以设法换个班,但他们不会关门

我想:

$("#nav ul li.open").slideToggle('fast');
将在此功能中工作:

$("#home").click(function (e) {
    // Prevent the default action of the event
    e.preventDefault();
    var linkHref = this.id + '.html';
    $("#content").load(linkHref);
    $("#nav a.active").toggleClass('inactive active');
    $("#nav ul li.open").slideToggle('fast');          //slideToggle here
    $("#nav li.open").toggleClass('closed open');
});
但它不起作用

2.)如果我打开主题1和子主题2,然后单击主题2,主题1将关闭。但当我再次单击主题1时,子主题2仍然打开。所以嵌套的ul不会被关闭

3.)我想在链接处于活动状态(class.active)时为主题和子主题文本着色


您缺少的是隐藏孩子,因此您必须替换
$(“#nav ul li.open”)。滑动切换(“快速”)
$(“#nav li ul”).css('display','none')。在你的小提琴上测试过,效果很好