jquery क्लिक ईवेंट, अगली और पिछली बार सूची आइटम को स्क्रॉल करने के लिए div

Question

का उपयोग करके मैं div के शीर्ष पर अगली और पिछली सूची आइटम स्क्रॉल करने के लिए एक क्लिक ईवेंट का उपयोग करने की कोशिश कर रहा हूं और जब यह अंत तक हो जाता है यह सर्कुलर बनाने वाला पहला दिखाता है। और यदि संभव हो तो भी इसे हर एक मिनट में ऑटो स्क्रॉल करें।

मुझे लगता है कि नीचे एक expample मैं एक और पद से ढाल लिया है है:

बजाय एक बार जब मैं के रूप में कई कि div में फिट कर सकते हैं दिखाना चाहते हैं पर एक दिखा रहा है। मुझे पता है कि मैं कुछ शीर्ष पर मौजूद है और शीर्ष पर अगली ली को स्क्रॉल करने के लिए अगलीली को बदलने के लिए var currli को बदलने की आवश्यकता है।

किसी भी मदद की बहुत सराहना कर रहा है =]

<a id="scrollup" href="#">up</a> 
<a id="scrolldown" href="#">down</a> 
<div id="news"> 
    <ul> 
     <li>item One</li> 
     <li>item Two</li> 
     <li>item Three</li> 
     <li>item Four</li> 
     <li>item Five</li> 
     <li>item Six</li> 
     <li>item Seven</li> 
    </ul> 
</div> 

यहाँ jQuery है

$(document).ready(function() { 


    $('#arrowdown').click(function(event) { 
      event.preventDefault();   // cancel click through 
      // get current list item 
      var currli = $('#news li:visible'); 
      // get next list item 
      var nextli = currli.next(); 
      // if nextli length is 0, make it equal to first li 
      if (nextli.length == 0) { 
       nextli = currli.siblings('#news li:first'); 
      } 
      currli.hide(); 
      nextli.show(); 
    }); 
    $('#arrowup').click(function(event) { 
      event.preventDefault();   // cancel click through 
      // get current list item 
      var currli = $('#news li:visible'); 
      // get next list item 
      var prevli = currli.prev(); 
      // if nextli length is 0, make it equal to first li 
      if (prevli.length == 0) { 
       prevli = currli.siblings('#news li:last'); 
      } 
      currli.hide(); 
      prevli.show(); 
    }); 
    $('#news li:nth-child(1)').show(); 

}); 

यहाँ jsFiddle लिंक है: http://jsfiddle.net/bambam007/kyf9e/

Answer 1

आप बस की तरह कर सकते हैं यह:

 $('#scrollup, #scrolldown').click(function(e) { 
      e.preventDefault(); 
      var id = e.target.id; 
     if(id == 'scrollup'){ 
      $('li:first').appendTo('ul'); 
     }else{ 
      $('li:last').prependTo('ul'); 
     } 
    });