javascript - スライド化で第 2 レベルの箇条書きをアニメーション化する

Question

io2012次のように、第 2 (下位) レベルの箇条書きを親の箇条書きとは別にアニメーション化しようとしています。

>* First level animates by itself
  >+ Second level then animates by itself
>* Another first level animates by itself

で箇条書きをインデントしようとしているとき>*に代わりにを使用するなど、HTML でいくつかの回避策を試しました。>+<div style="padding-left: 1em">>* Second level animated by itself

ただし、これはテキストをインデントするだけで、箇条書きはインデントしません。私の実験<li style="padding-left: 1em">...</li>も同様に失敗しました。

HTML ソリューションがない場合、そのソリューションには CSS または JavaScript のいずれかが含まれますか?