jQuery 内容滑块需要与我的菜单结合使用。请

【问题标题】：jQuery content slider needed to combine with my menu. PleasejQuery 内容滑块需要与我的菜单结合使用。请
【发布时间】：2014-10-05 05:25:21
【问题描述】：

谁能帮帮我。我有一个熔岩灯风格的菜单。我真的很喜欢看到我的文章像应用程序一样滑动，就像图像滑块一样。我发表了 3 篇（相同的）文章。我真的真的真的很希望有人可以帮助我让它们滑动。

我自己尝试了一些东西，但卡住了。

$(document).ready(function() {
    $(".aanbod").on("click", function () {
        $("#slide1").animate({ 'left': 0}, 600);
        $("#slide2").animate({ 'left': 375}, 600);
        $("#slide3").animate({ 'left': 375}, 0);
    });

    $(".vraag").on("click", function () {
        $("#slide2").animate({ 'left': 0}, 600);
        $("#slide1").animate({ 'left': -375}, 600);
        $("#slide3").animate({ 'left': 375}, 600);
    });

    $(".advertenties").on("click", function () {
        $("#slide1").animate({ 'left': 0}, 600);
        $("#slide2").animate({ 'left': -375}, 600);
        $("#slide3").animate({ 'left': 0}, 600);
    });
});

我在 codepen 中尝试过的代码
http://codepen.io/anon/pen/BcuoE

【问题讨论】：

标签： jquery slide

【解决方案1】：

您应该将#slide1、#slide2 和#slide3 放在一个div 中。并且只为这个 div 设置动画。

像这样，当#slide1、#slide2 和#slide3 在名为#mainslide 的div 中时：

$(document).ready(function() {
    $(".aanbod").on("click", function () {
        $("#mainslide").animate({ 'left': 0}, 600);
    });

    $(".vraag").on("click", function () {
        $("#mainslide").animate({ 'left': -375}, 600);
    });

    $(".advertenties").on("click", function () {
         $("#mainslide").animate({ 'left': -750}, 600);
    });
});

【讨论】：