jquery-ui - 画像付きのjqueryタブメニュー

Question

画像を含むタブコントロールを作成しようとしています。タブがアクティブかどうかに応じて、タブごとに別の画像を表示したいと思います。しかし、現在のコードは2番目のタブ専用の画像のみを表示しているように見えますか？

私はここでいくつかのコードを思いついた：http：//jsfiddle.net/5FVb7/

html

<ul>
                <li class="ico1"><a href="#tab-1">Title 1</a></li>
                <li class="ico2"><a href="#tab-2">Title 2</a></li>
                <li class="ico3"><a href="#tab-3">Title 3</a></li>
            </ul>

Answer 1

私があなたがやりたいことを正しく理解している場合、問題は、タブ定義からリンクされたタブコンテンツを定義するdivがないためです。

    <ul>
        <li class="ico1"><a href="#tab-1">Title 1</a></li>
        <li class="ico2"><a href="#tab-2">Title 2</a></li>     
    </ul>

すべてのhrefリンクには、div、ドキュメントが必要です：http: //jqueryui.com/tabs/

フィドルを少し変更すると、タブが変更され、画像の切り替えが機能します：http: //jsfiddle.net/5FVb7/1/