css - CSS3 トランジションがモバイルで正しく起動しない

Question

私が取り組んでいる非常にシンプルなメニューがあり、デスクトップでは素晴らしく機能しますが、モバイルでテストすると、ホーム画面から 2 に移動すると 2.1 まで起動するようです (下のナビゲーションを参照)。

<nav id="megamenu">
    <h2>asdasdasdasd 1</h2>
    <h2>asdasdasdasd 2</h2>
    <div>
        <h2>asdasdasdasd 2.1</h2>
        <div>
            <h2>asdasdasdasd 2.1.1</h2>
            <h2>asdasdasdasd 2.1.2</h2>
            <h2>asdasdasdasd 2.1.3</h2>
            <h2>asdasdasdasd 2.1.4</h2>
            <h2>asdasdasdasd 2.1.5</h2>
        </div>

        <h2>asdasdasdasd 2.2</h2>
        <h2>asdasdasdasd 2.3</h2>
        <h2>asdasdasdasd 2.4</h2>
        <h2>asdasdasdasd 2.5</h2>
    </div>

    <h2>asdasdasdasd 3</h2>
    <h2>asdasdasdasd 4</h2>    
    <h2>asdasdasdasd 5</h2>
</nav>​

CSSトランジションを完全に理解していないのは私なのか、それとも何なのかわかりません。ジューシーな詳細のすべてについては、ここにフィドルがあります: http://jsfiddle.net/kjjgQ/

Answer 1

解決しました。結局、divのトランジション位置を左ではなく設定しました。