jquery show hide 여러 divs가 차례로 표시됩니다.

Question

여러 div를 차례로 표시하고 싶습니다. A1을 클릭하면 B1를 클릭하면 페이지가

A1 
B1 
C1 

표시됩니다

A1 

이 페이지는

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>