如何使用js jquery或任何其他插件获得以下效果？

注：见图片

我想要的是，在普通桌面视图中，div（包含图像和段落）都应该显示，但在移动站点中，我想要一个带滑动的水平滑块，一次只能显示一个div，并且可以滑动

我正在使用bootstrapjquery并准备使用任何其他插件reqd

---

我如何达到这个效果

我做了类似的事情。在移动站点上，除了要在页面加载时显示的内容外，您可以将所有内容都设置为

display:none;

然后在Jquery/JS中，基本上必须切换其他div。因此，当单击按钮时，Jquery会隐藏所有其他div（如果它们已经可见），然后“切换”（使其可见）它们单击的div

您可以将此代码段用于要单击的每个步骤/按钮：

它的工作方式是，如果您单击Div2的按钮，它将隐藏div1或div3（如果它们可见）。然后它取消隐藏Div2

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

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

---

这应该可以通过引导本身实现。检查并确认这是否是您想要的元素效果