how use nextbutton and prevbutton click move oneitem is left and right jquery i wanted slide item.. how use jquery

Question

i want nextbutton click rightslide oneitem and prevbutton click leftslid onitem how use jquery .... please help me... i am tired...

<div class="items">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
    <div class="item">7</div>
    <div class="item">8</div>
</div>
<div class="nextbutton">Next</div>
<div class="prevbutton">Prev</div>

//jquery

 $(document).ready(function(){

    $(".prevbutton").click(function(){

        //how use one item
    });

    $(".nextbutton").click(function(){
        how use slide one item
    });

});

use jfiddle

http://jsfiddle.net/kisspa/fj6z8/1/

Maybe this could be helpful http://stackoverflow.com/questions/521291/jquery-slide-left-and-show — vtomic85, Jun 23 '14 at 09:52

score 2 · Accepted Answer · answered Jun 23 '14 at 09:56

      check this js fiddle

http://jsfiddle.net/fj6z8/6/

            $(document).ready(function(){

                $(".prevbutton").click(function(){
                    $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()-200 );
                    //how use one item
                });

                $(".nextbutton").click(function(){
                                $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()+200 );
                });

        });

i want slide move effect – aungnyeinmin Jun 23 '14 at 10:07 — aungnyeinmin, Jun 23 '14 at 10:07

raskalbass · Answer 2 · 2014-06-23T10:26:12.247

1

here what you want:

$(".prevbutton").click(function(){
        $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()-210},600);
});

$(".nextbutton").click(function(){
    $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()+210},600);
});

fiddle

edited Jun 23 '14 at 10:26

answered Jun 23 '14 at 10:09

raskalbass

740
4
21

how use nextbutton and prevbutton click move oneitem is left and right jquery i wanted slide item.. how use jquery

2 Answers2