如何使額外的div塊作爲滑塊工作

我有引導3頁面顯示第一次頁面加載時只有一個div。當我點擊按鈕「打開下一個塊」時，另一個div出現，如果我點擊第二個div第三個div出現。通過這種方式，我總共可以展示6個div。 FIDDLE如何使額外的div塊作爲滑塊工作

問題是當有多於3個div它去了我不想要的第二行。我想使這個工作作爲一個滑塊。這是可能的，當有更多的3個div塊左邊的div塊被隱藏和新的div塊顯示？如果div 4顯示div 1隱藏，如果div 5顯示div 2隱藏？

另外當我點擊左箭頭按鈕，左div塊將顯示一個接一個和右divs隱藏？主要它應該作爲一個一個div移動滑塊。

當前的jQuery：

$("#block-1").click(function() { 
    $('#block-2').show(); 
}); 
$("#block-2").click(function() { 
    $('#block-3').show(); 
}); 
$("#block-3").click(function() { 
    $('#block-4').show(); 
}); 
$("#block-4").click(function() { 
    $('#block-5').show(); 
}); 
$("#block-5").click(function() { 
    $('#block-6').show(); 
});

我壞英語和感謝事先說一句抱歉。

來源

2014-12-03 Raihan

引導行只有十二列。如果每個塊的寬度設置爲四列，則每行只能有三個。將它們的列更改爲2，以連續六次。這

col-xs-4 col-sm-4 col-sm-4 col-md-4 col-lg-4

需要是

col-xs-2 col-sm-2 col-sm-2 col-md-2 col-lg-2

至於滑塊，有更好的方法可以做到這一點，但是這是你想要的嗎？增加一個變量來跟蹤你所在的塊，然後用後退按鈕關閉它。

http://jsfiddle.net/Lq07ysbq/19/

來源

2014-12-03 18:26:45

但我需要他們有一個像滑蓋:( – Raihan 2014-12-03 18:28:29

我不太清楚你的意思嗎。你要的div的一個排在最後一個div被點擊增量出來，對不對？如果一個單一的按鈕增加回來？ – 2014-12-03 18:31:52

爲什麼不只有一個按鈕增加和一個遞減？ – 2014-12-03 18:32:45

如何使額外的div塊作爲滑塊工作

回答

相關問題