/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 vote267 views1 answer
Write a java program to merge three singly linked list elements
Java
1 vote292 views2 answers
Linux command to see all the java version installed
Java
1 vote267 views1 answer
Filter arraylist java
Java
1 vote257 views1 answer
Get intent not working in fragment
Java
0 vote269 views1 answer
How to check if rs next is null
Java
9 votes266 views2 answers
I have AdoptOpenJDK 8 but java --version gettinbg Unrecognized option: --version Error: Could not create the Java Virtual Machine. Error: A fatal exception has occurred. Program will exit.
Java
0 vote292 views1 answer
Fibonacci series in java using recursion
Java
0 vote259 views1 answer
The import junit cannot be resolved maven
Java
0 vote299 views1 answer
Set web image to imageview android java
Java
5 votes276 views2 answers
Select java version linux
Java