jQueryで<div>要素をスライドさせたいのですが、どうすればいいのでしょう？

一般的な画像<img>のスライドショーはできたのですが、<div>になるとうまくいきません。
attr()で指定する方法を模索していますが、間違っているのでしょうか？

やりたいことは、<div></div>で囲ったコンテンツ(さらに<div>含む)のスライドです。
<div id="box">
<div><p>aaa</p></div>
<div><p>bbb</p></div>
<div><p>ccc</p></div>
</div>
このような<div id="box">〜</div>をいくつも用意してスライドさせたいです。

アドバイス、ご教授お願いします。