Question

1。）如果我点击图片，那么所有＆＃34;主题＆＃34; （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时，Subtopic 2仍然是开放的。所以嵌套的ul不会被关闭。

3。）我想在链接处于活动状态时为主题和子主题文本着色（具有类.active）。

FIDDLE

Answer 1

您缺少的是隐藏孩子，因此您必须将$("#nav ul li.open").slideToggle('fast');替换为$("#nav li ul").css('display',"none");。测试你的小提琴，它的工作原理

点击父li时，jQuery slideToggle ul

1 个答案: