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

Question

注意：查看图片

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

我正在使用引导 jquery 并准备使用任何其他插件 reqd。

如何实现这个效果

Answer 1

我做了类似的事情。在移动网站上，除了要在页面加载时显示的之外，您将所有这些设置为

display:none;

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

您可以对每个要单击的步骤/按钮使用此 sn-p：

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

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

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