Jquery ui 带有图像的jquery选项卡菜单

我正在尝试创建一个包含图像的选项卡控件。根据选项卡是否处于活动状态，我希望为每个选项卡显示另一个图像。但是，当前代码似乎只显示仅用于第二个选项卡的图像

我在这里变出了一些代码：

html

如果我正确理解了您想要做的事情，问题在于没有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，文档如下：

我对你的小提琴做了一点修改，选项卡发生了变化，图像切换正常：

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