滑动/移动div'；使用jquery

我是jquery的新手，在以下问题上没有找到任何帮助。想象一下这段html代码：

<div id="slideLeft">Click here to slide left</div>
<div id="main">
    <div id="div1">Content</div>
    <div id="div2">Content</div>
    <div id="div3">Content</div>
    <div id="div4">Content</div>
</div>
<div id="slideRight">Click here to slide right</div>

单击此处向左滑动
内容
内容
内容
内容
单击此处向右滑动

每个div都有固定的高度和宽度，但主div一次只能显示两个div。在这个主div的左侧和右侧，有一些按钮或任何东西（在本例中只是其他div），它们在被单击时滑动内容div

默认情况下，我们会看到div1，div2。当我点击“向右滑动”时，它会移动div，这样我们就可以在滑动后看到div2、div3。等等

我已经看到了很多关于滑块的例子（看起来像滚动条），但这并不是我要搜索的

谢谢你的意见，我希望我的问题足够清楚

我不久前写了这篇文章（并根据您的需要对其进行了一些修改）。可在此处使用工作小提琴：

我不久前写了这篇文章（并根据您的需要对其进行了一些修改）。可在此处使用工作小提琴：

---

这是一个基本滑块：这是一个基本滑块：答案应该是完全独立的。谢谢Alex和Ben的输入。这正是我的意思，一个内部div（比外部div大）的想法非常棒；我没有想到这个主意。再一次对不起本，我的iPad出了问题。别开玩笑了，这段代码适用于iPhone4S，IE（甚至兼容模式）、Safari、Chrome和FF。它在iPad上不起作用。。。你知道有什么问题吗？至少iOS 5.1.1的软件更新修复了这个问题，现在一切都好了。。。奇怪的虫子答案应该是完全独立的，谢谢Alex和Ben的意见。这正是我的意思，一个内部div（比外部div大）的想法非常棒；我没有想到这个主意。再一次对不起本，我的iPad出了问题。别开玩笑了，这段代码适用于iPhone4S，IE（甚至兼容模式）、Safari、Chrome和FF。它在iPad上不起作用。。。你知道有什么问题吗？至少iOS 5.1.1的软件更新修复了这个问题，现在一切都好了。。。奇怪的虫子