/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 vote350 views1 answer
Javafx how to get the selected index of the seleceted elment in listview
Java
1 vote336 views1 answer
How to restart activity in android
Java
1 vote275 views2 answers
Program in java. Get a string from user and also validate it’s length should be at least 1. Pass this string to a method that returns a new string with the first char added at the front and end, so "cat" yields "ccatc".
Java
15 votes306 views2 answers
Java new string array
Java
6 votes328 views1 answer
Javafx tableview remove all rows
Java
0 vote334 views1 answer
Java copy string
Java
0 vote332 views1 answer
What is collection fromework
Java
22 votes308 views6 answers
Height of Binary tree
Java
159 votes516 views6 answers
SCANNER CLASS IN JAVA
Java
-1 vote315 views1 answer
Java string swap two characters
Java