Javascript jquery显示一个接一个隐藏多个div

Javascript jquery显示一个接一个隐藏多个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想一个接一个地展示多个div 例如,当页面加载时,它将显示: A1 单击A1时,页面将显示 A1 B1 A1 B1 C1 单击B1时,页面将显示 A1 B1 A1 B1 C1 有谁能帮我做到这一点吗。这可能会让你开始 $('.mydivs')。单击(函数(){ if($(this.next().is(':visible'))$(this.nextAll().hide(); else$(this.next().fadeIn(); }); .mydivs:not(:类型的第一个){di

我想一个接一个地展示多个div

例如,当页面加载时,它将显示:

A1
单击
A1
时,页面将显示

A1
B1
A1
B1
C1
单击
B1
时,页面将显示

A1
B1
A1
B1
C1

有谁能帮我做到这一点吗。

这可能会让你开始

$('.mydivs')。单击(函数(){
if($(this.next().is(':visible'))$(this.nextAll().hide();
else$(this.next().fadeIn();
});
.mydivs:not(:类型的第一个){display:none}

A1组
B1组
分区C1

Div D1
这可能会让您开始学习

$('.mydivs')。单击(函数(){
if($(this.next().is(':visible'))$(this.nextAll().hide();
else$(this.next().fadeIn();
});
.mydivs:not(:类型的第一个){display:none}

A1组
B1组
分区C1

Div D1
分享您目前展示的代码?在JQuery中使用
toggle()
,这在JQuery中是新的,所有这些都在一个单独的Div元素中。像这样,试着努力做到这一点,并向我们展示什么是不起作用的分享代码你已经展示了什么?在JQuery中使用
toggle()
,这在JQuery中是新的,所有这些都在一个单独的Div元素中。像这样试着努力做到这一点,并向我们展示什么是不起作用的该死的,被打到了拳头,我已经制作了一个JSFIDLE,几乎与您的解决方案相同:)太好了,非常感谢您的解决方案,而且,当上div单击时,可以隐藏任何下div。很高兴提供帮助。当你有能力的时候,把它传下去(你的分数会上升…)该死的,我已经打了一个JSFIDLE,几乎和你的解决方案一样:)太好了,非常感谢你的解决方案,而且,当上div点击时,可以隐藏任何下div。很高兴帮助你。当你有能力的时候,把它传下去(你的分数会上升…)