/Java/Mobile view next and previous button

Mobile view next and previous button

$(document).ready(function () {
    var divs = $('.mydivs>div');
    var now = 0; // currently shown div
    divs.hide().first().show();
    $("button[name=next]").click(function (e) {
        divs.eq(now).hide();
        now = (now + 1 < divs.length) ? now + 1 : 0;
        divs.eq(now).show(); // show next
    });
    $("button[name=prev]").click(function (e) {
        divs.eq(now).hide();
        now = (now > 0) ? now - 1 : divs.length - 1;
        divs.eq(now).show(); // or .css('display','block');
        //console.log(divs.length, now);
    });
});

<div class="mydivs">
    <div>div 1</div>
    <div>div 2</div>
    <div>div 3</div>
    <div>div 4</div>
</div>

Source: stackoverflow.com

Similar codes

0 vote344 views1 answer
JOption input java
Java
3 votes321 views1 answer
Java stream and filter
Java
15 votes338 views1 answer
Java random w3
Java
2 votes352 views2 answers
Create stream from array java
Java
1 vote311 views1 answer
Java product 1 to n
Java
2 votes302 views1 answer
Restart application programmatically android
Java
0 vote337 views1 answer
How to extract digits from a number in java
Java
1 vote317 views1 answer
System.IO.IOException: 'The process cannot access the file 'C:\Users\cyberlink\Desktop\m\src\App.java' because it is being used by another process.'
Java
15 votes326 views2 answers
Char.at java
Java
0 vote313 views1 answer
Convert zipfile to bytebuffer
Java