div에서 콘텐츠를 회전하는 방법은 무엇입니까?

Question

페이지의 왼쪽에 div가 있고, div로 채워지는 다른 div가 있고, div로 채우고 싶은 div는 10 초 후에 다른 div로 채워진 div입니다. 다시 후 10 초 .. 내가 PHP는 'left_box.php'의 포함했다 나의 메인 페이지에 .. 다시 처음 DIV에 등

회전 해당 페이지에 코드를

같은

<div class="span3 main_div"> 

<!-- first div --> 
    <div class="well sidebar-nav transfer-central"> 
    <?php include 'includes/transfer_central.php'; ?> 
    </div> 

<!-- second div --> 
    <div class="well sidebar-nav fixture-results"> 
    <?php //include 'includes/fixture-results.php'; ?> 
    </div> 

</div> 

를 찾습니다 두 divs (포함) 내가 메인 div에 표시하고 싶지만 현재는 첫 번째 div가 나타납니다 ..하지만 어떻게 10 초 후에 두 번째 div는 첫 번째 div를 대체할까요, main div 안에 있습니까?

나는 주위를 둘러 보았다 그냥 캔트 주위

Answer 1

JSFiddle 내 머리를 얻을 수가 : http://jsfiddle.net/Arj2C/

HTML : (jQuery로)

<div id="outerdiv"> 
    <div class="" id="1"> 
     <!--content--> 
    </div> 
    <div class="hidden" id="2"> 
     <!--content--> 
    </div> 
    <div class="hidden" id="3"> 
     <!--content--> 
    </div> 
    <div class="hidden" id="4"> 
     <!--content--> 
    </div> 
</div> 

JS :

var next = 2; 
$(function(){ 
    setInterval(function(){ 
     if(next == 1) $("#4").toggleClass("hidden"); 
     $("#" + (next-1)).toggleClass("hidden"); 
     if(++next == 5) { 
      //$("#4").toggleClass("hidden"); 
      $("#" + (next-1)).toggleClass("hidden"); 
      next = 1; 
     } else $("#" + (next-1)).toggleClass("hidden"); 
    }, 10000); 
}); 

CSS :

.hidden { 
    display: none; 
}