2

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.) 我想在链接处于活动状态时为主题和副主题文本着色（具有 .active 类）。

小提琴

4

1 回答 1

0

你缺少的是也隐藏孩子，所以你必须$("#nav ul li.open").slideToggle('fast'); 用$("#nav li ul").css('display',"none");. 在你的小提琴中测试过，它可以工作

于 2016-07-12T13:11:18.950 回答