javascript - jquery cycle2 スライドショーのネストされたスライドショーの次と前のボタン

Question

cycle2 プラグインを使用して、いくつかの画像と別のスライド ショーで構成されるスライド ショーを表示します。内側のスライドショーの次と前のボタンは、適切に設定されていますが、何らかの理由で機能しません (例では上と下)。

data-cycle-prev="#upDiv"
data-cycle-next="#downDiv"

と

<div id="upDiv">
    <a href="#" id="upImg"><img src="images/up.png" alt="" /></a>
    <p>scroll up</p>
</div>
<div id="downDiv">
    <p>to see more scroll down</p>
    <a href="#" id="downImg"><img src="images/down.png" alt="" class="outer-slide" /></a>
</div>

どうすればそれらを機能させることができますか?

ここにデモがあります：http://jsfiddle.net/FKU2L/22/