|
|
Line 31: |
Line 31: |
| $(document).ready( | | $(document).ready( |
| function(){ | | function(){ |
− | var n = 2; | + | var n = 1; |
− | $("#forward").click(function () { | + | setInterval(function () { |
| n = n+1; | | n = n+1; |
| if (n > 5) { | | if (n > 5) { |
Line 60: |
Line 60: |
| $("#two").css('display', 'none'); | | $("#two").css('display', 'none'); |
| $("#three").css('display', 'none');} | | $("#three").css('display', 'none');} |
− | }); | + | }, 3000); |
− | | + | |
− | $("#reverse").click(function () {
| + | |
− | n = n-1;
| + | |
− | if (n < 2) {
| + | |
− | $("#one").css('display', 'none');
| + | |
− | $("#two").css('display', 'none');
| + | |
− | $("#three").css('display', 'none');
| + | |
− | $("#four").css('display', 'block');
| + | |
− | n = 5;}
| + | |
− | if (n == 2) {
| + | |
− | $("#one").css('display', 'block');
| + | |
− | $("#two").css('display', 'none');
| + | |
− | $("#three").css('display', 'none');
| + | |
− | $("#four").css('display', 'none'); }
| + | |
− | else if (n==3) {
| + | |
− | $("#two").css('display', 'block');
| + | |
− | $("#one").css('display', 'none');
| + | |
− | $("#three").css('display', 'none');
| + | |
− | $("#four").css('display', 'none');}
| + | |
− | else if (n==4) {
| + | |
− | $("#three").css('display', 'block');
| + | |
− | $("#one").css('display', 'none');
| + | |
− | $("#two").css('display', 'none');
| + | |
− | $("#four").css('display', 'none');}
| + | |
− | else {
| + | |
− | $("#four").css('display', 'block');
| + | |
− | $("#one").css('display', 'none');
| + | |
− | $("#two").css('display', 'none');
| + | |
− | $("#three").css('display', 'none');}
| + | |
− | });
| + | |
− | | + | |
| }); | | }); |
| </script> | | </script> |
| | | |
| </html> | | </html> |