Fork me on GitHub

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.