다음 작업을 수행하는보다 쉬운 방법

Question

슬라이드를 작성한 스크립트를 만들었습니다. 아래 코드를 참조하십시오.

<script> 

jQuery(document).ready(function() { 
    jQuery(".da-feedback .da-quote").hide(); 
    jQuery(".da-feedback .da-quote:first-child").show(); 
    setTimeout('NextItem(1)',6000); 
}); 

function NextItem($n) { 

jQuery('.da-feedback .da-quote:nth-child('+$n+')').slideUp('slow'); 
$n = $n + 1; 
jQuery('.da-feedback .da-quote:nth-child('+$n+')').slideDown('slow'); 
setTimeout('NextItem('+$n+')',6000); 
} 

</script> 

<div class="da-feedback"> 
    <div class="da-quote" style="display: none; ">....</div> 
    <div class="da-quote" style="display: none; ">....</div> 
    <div class="da-quote" style="display: none; ">....</div> 
</div> 

jquerys가이 기능을 쉽게 사용할 수 있는지 알고 싶습니다.

Answer 1

.delay()을 들여다 보았습니까?

function NextItem(n) { 
    $('.da-feedback .da-quote:nth-child('+$n+')').slideUp('slow') 
     .delay(6000).slideDown('slow', NextItem(n++)); 
    // callback fires upon completion 
}; 
NextItem(1); 

그런데, 실제로 어떤 영향을 미치지는 않지만 자바 스크립트 당신은 $로 변수를 시작할 필요가 없습니다, 그리고 jQuery를 함께은과 변수가있는 경우에만 경우 그렇게 할 규칙 간주 jQuery 객체.

Answer 2

jQuery toggle() 및 jQuery next() 및 prev() 메소드를 확인하십시오.

Ohw ... 그리고 아마도 slideToggle()이 서비스 될 수 있습니다.