このコードを簡潔に書くには？

質問

$('#hoge').hover(function(){
$('.hogeA').stop().animate({'bottom': -1 + 'px'}, 300, 'easeInOutCubic');
$('.hogeB').stop().animate({'bottom': - 15 + 'px'}, 300, 'easeOutBack');
$('.hogeC').stop().animate({'bottom': - 15 + 'px'}, 300, 'easeOutBack');
$('.hogeD').stop().delay(100).animate({'bottom': - 15 + 'px'}, 300, 'easeOutBack');

},function(){
$('#hoge[class*=hoge]').stop().animate({'bottom': - 106 + 'px'}, 200, 'easeInOutCubic');
}
);

の要に「#hoge」にマウスオーバーすると「[class*=hoge]」がバラバラに出て来て、マウスアウトすると引っ込むみたいな事をしているのですが、これをもっとスマートに各方法はありますでしょうか？

勉強中です。よろしくお願い致します。

回答No.1

35fa8e3c

このコードを簡潔に書くと以下のようになります。
----
this.code;