如何使用js jquery或其他插件獲取以下效果？

Question

注：參見圖片

我想是正常的桌面上查看的div，（包括圖像和段落），他們都應該被顯示，但在移動網站我想要一個滑動的水平滑塊，並且每次只能顯示一個div並可滑動。

我正在使用引導jquery並準備使用任何其他插件reqd。

我該如何達到這個效果

Answer 1

我做了類似的事情。在移動網站上設置所有的人，除了要在頁面加載時展現給

display:none; 

然後在jQuery中/ JS你基本上可以切換其他的div的一個。所以當你的按鈕被點擊時，Jquery隱藏了所有其他div，如果它們已經可見，然後「切換」（使其可見）他們點擊。

您可以使用此代碼段每個步驟/按鈕被點擊：

它的工作方式是，如果你點擊Div2的按鈕，它隱藏DIV1或DIV3如果它們是可見的。然後它取消了Div2。

$('#Button_Div2').click(function(){ 
    $('.Div1:visible').toggle("slide"); 
    $('.Div3:visible').toggle("slide"); 

    $('.Div2:hidden').toggle("slide"); 
    });