<style>
	.ani02 div	{
		background: red; width: 50px; height: 50px;
		margin: 10px; padding: 10px; position: relative;
	}
	.ani02 div.green	{background: green;}
</style>
<script>
	$(function(){
		$('.ani02 button' ).click(function() {
			$('.ani02 div').animate({
				opacity: '0.5',
				left: '+=100',
				},{
				duration:'500',
				easing:'linear',
				complete:function(){
				$('.ani02 div').toggleClass('green');//アニメーション終了後に実行
				}
			});
		});
	});
</script>
<div class="ani02">
	<div>要素1</div>
	<button>button</button>
</div>