Click here to Skip to main content
15,921,276 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
I have 5 div when i click on next button div 1 slide right to left & then hide and div 2 show and slide right to left . then click again on next button div 2 slide right to left & then hide and div 3 show and slide right to left same as all till div 5. When i Click on Previous button div 5 slide left to right & then hide and div 4 show and slide left to right. then click again on Previous button div 4 slide left to right & then hide and div 3 show and slide left to right same as all till div 1.

Thanks
Posted
Updated 11-Sep-14 3:08am
v7
Comments
Omkar Hendre 11-Sep-14 7:32am    
can you post your code with your script
[no name] 11-Sep-14 7:39am    
I want simple JavaScript or jquery that display only one div at a time and when i click on next/previous button slide right to left/left to right and show/hide div as per sequence.


test design :

<div>

<div id="wrapper">
<div class="box">
fenil
</div>
<div class="box">
vipul
</div>
<div class="box">
nishar
</div>
<div class="box">
kamal
</div>
<div class="box">
nirav
</div>
</div>
<input type="button" class="next" value="Next">
<input type="button" class="prev" value="Prev">
</div>
Sinisa Hajnal 11-Sep-14 9:04am    
Why not use one of many free sliders?
ZurdoDev 11-Sep-14 9:08am    
There are lots of jquery plugins that will do that.
[no name] 11-Sep-14 9:19am    
Issue of browser compatibilities & i want to make it responsive too.

1 solution

Just chek the below link
http://sorgalla.com/jcarousel/[^]
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900