The examples in this article describe the usage of animate in jQuery. Share it with everyone for your reference. The details are as follows:
This is a simple attempt at animate function. The code is as follows:
<script type="text/javascript"> $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this).addClass("box-arrow"); $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "slow"); return false; },function(){ $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "slow"); $(this).removeClass("box-arrow"); return false; }); }); </script>
I hope this article will be helpful to everyone’s jQuery programming.