この記事の例では、jQuery での animate の使用法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
これはアニメーション機能の簡単な試みです。コードは次のとおりです:
<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>
この記事が皆さんの jQuery プログラミングに役立つことを願っています。