2013-04-29 89 views
2

1.)如果我点击图片,所有“Topics”(ul)应该关闭并更改他们的类。我可以设法改变班级,但他们不会关闭。jQuery slideToggle ul点击父母li时

我想这:

$("#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)时对主题和副主题文本着色。

FIDDLE

回答

0

你错过了什么是隐藏的孩子太多,所以你有$("#nav li ul").css('display',"none");更换$("#nav ul li.open").slideToggle('fast');。在你的小提琴上测试过,它的工作原理