/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

-1 vote399 views1 answer
Mysql connection details in springboot
Java Spring
0 vote334 views1 answer
Algorithms - transformation
Java
0 vote345 views1 answer
. Java Program to Delete the Specified Integer from an Array
Java
3 votes398 views1 answer
Change font size java swing
Java
1 vote354 views1 answer
String to bigdecimal
Java
12 votes320 views3 answers
HTTP FAILED: java.net.UnknownServiceException: CLEARTEXT communication to ztdev.co.za not permitted by network security policy
Java
1 vote357 views1 answer
Absolute method in jdbc
Java
0 vote347 views1 answer
Java break 2 for loops
Java
2 votes379 views2 answers
Split each character in a string (java)
Java
3 votes397 views1 answer
Duplicate class android.support.v4.app.
Java