jquery - sliding div horizontal using overflow:hidden -

jquery - sliding div horizontal using overflow:hidden -

this can't harder think, have run dead end , need on track. new coding, , know can't hard figure out, current coding knowledge doing trial , error , going in circles. have come hear lastly resort, not want impact rating on here , banned, seek explain best can...

simply: (website link: http://missionaryenterprises.com/home.html) content part of page made of 9 boxes in un-ordered list. need add together more boxes content, without disturbing size , of website, want add together 2 buttons on either side when clicked 9 more content boxes slide in , appear. understand need create div wide hold set of 9 content boxes, or many want. div needs have attribute overflow:hidden, that's know, going play around more, help much appreciated :) shalom :)

you can utilize show , hide feature of jquery shown in api.jquery.com

your html

<button id="showr">show</button> <button id="hidr">hide</button> <li><a href="#"><img src="" /></a></li> <li><a href="#"><img src="" /></a></li> <li><a href="#"><img src="" /></a></li> <li><a href="#"><img src="" /></a></li>

and script:

$( "#showr" ).click(function() { $( "li" ).first().show( "fast", function shownext() { $( ).next( "li" ).show( "fast", shownext ); }); }); $( "#hidr" ).click(function() { $( "div" ).hide( 1000 ); });

jquery html css slider