<hr> divs

Question

基於時間我一個一個地顯示div。

我這樣做與jQuery與

$("#section_"+index).show(); 

我的div已編號的，如： section_1，section_2，section_3等

我有VAR currentSection這是最後一個是的id所示。 現在我想要顯示的最後一個和前一個之間的hr（水平標尺）。 如果它顯示下一個舊的hr應該被刪除，並且應該顯示新的hr。

這可以用jQuery來完成嗎？

Answer 1

在你的CSS，添加：

.latest { 
    border-top: 1px solid #888; 
} 

在你的JS，改變你展現聲明：

$('.latest').removeClass('latest'); 
$("#section_"+index).addClass('latest').show(); 

Answer 2

除了techfoobar's answer，你可以做這樣的事情：

$.fn.showNext = function(selector, delay) { 
    var previous = this; 
    var next = this.next(); 

    if (next.length > 0) { 
     setTimeout(function() { 
      previous.removeClass('latest'); 
      next.addClass('latest').show().showNext(selector, delay); 
     }, delay); 
    } 
}; 

$('.section').first().show().showNext('.section', 2000); 

這樣，你不需要那些不切實際的section_n索引。演示here on JSFiddle。