单击父li时,jQuery滑动切换ul
1.)如果我点击图片,所有“主题”(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';
$("#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')代码>。在你的小提琴上测试过,效果很好