I have a ul with around five <li> items. E.g.
<ul>
<li>Step 1 : Take food</li>
<li>Step 2 : Go Around</li>
<li>Step 3 : Deliver</li>
</ul>
Also I have links like
<a href="# id="prev"> Previous</a>
and
<a href="#" id="next"> Next</a>
I have to show the first li at first. Then when the next link is clicked, it should now show 2nd <li> and so on. Same for previous link.
have a look at the aptly named jQuery Cycle plugin.
http://www.malsup.com/jquery/cycle/scrollhv.html