I want to program the jquery slider myself rather than using any plugin. But i want to know the basic idea.

e.g

I have

<ul>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>
<li>  <div>content </div> </li>

</ul>

I want to show horzontally only three items at one time and there will be arroes left and right end.

I know jquery basics. But i don't know how should i do in steps. I mean when click on right arrow

The left div should slide left and new div com right should come left

ANy ideas in sequence what i need to do