jquery show hide複数のdivを1つずつ表示

Question

複数のdivを順番に表示したい。

A1 

A1をクリックすると、ページがB1をクリックすると、ページが

A1 
B1 
C1 

が表示されます

A1 
B1 

表示されます：ページが読み込まれると、それが表示されます例えば

、

これを達成するために誰も助けてくれませんか。

Answer 1

これは、あなたを始めたかもしれません。

$('.mydivs').click(function(){ 
 
    if ($(this).next().is(':visible')) $(this).nextAll().hide(); 
 
    else $(this).next().fadeIn(); 
 
});

.mydivs:not(:first-of-type){display:none}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="a1" class="mydivs">Div A1</div> 
 
<div id="b1" class="mydivs">Div B1</div> 
 
<div id="c1" class="mydivs">Div C1</div> 
 
<div id="d1" class="mydivs">Div D1</div>