0

I'm quite new to jquery and didn't find any help on the following problem. Imagine this html code:

<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>

Every div has a fixed height and width, but the main div should only show two div's at once. On the left and on the right of this main div there are buttons or whatever (in this example just other divs) who slide the content div's when being clicked.

By default we would see div1, div2. When I click "slide right", it should move the div's so we would see div2, div3 after sliding. Etc etc.

I've seen many example with sliders (looking like scrollbars), but that's not really what I'm searching for.

Thanks for your input, I hope my question is clear enough!

4

1 に答える 1

4

私は少し前にこれを書きました（そしてあなたのニーズに少し適応させました）。ここで利用可能な作業フィドル：

http://jsfiddle.net/ben1729/CtNsE/2/

于 2012-06-09T14:07:01.070 に答える