Fork me on GitHub

jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.

Animation

jPList plugin supports fade animation for actions like sort, filtering etc. This effects requires additional script that can be downloaded here.

<script src="jplist.ext-animation.min.js"></script>

<script type="text/javascript">
   $('document').ready(function(){
   
      $('#demo').jplist({
      
         ...
   
         ,effect: 'fade'
      });
   });
</script>

Additional Options:

<script src="jplist.ext-animation.min.js"></script>
    
<script type="text/javascript">
   $('document').ready(function(){
   
      $('#demo').jplist({
      
         ...
   
         ,effect: 'fade'
         ,duration: 300	//animation duration
         ,fps: 24 //frames per second value
      });
   });
</script>

It is possible to disable animation for the given control using data-control-animation="false" attribute.