jQuery手风琴自定义图标不显示

Question

我正在尝试为我的jQuery accordian iconOpen和iconClosed类使用自定义图像。 iconClosed图像显示正常，但我似乎无法使用iconOpen图像来使用我自己的自定义图像。

这是我的代码CSS代码：

.ui-icon.iconClosed {
    background:         url('path to my image') no-repeat -0px;
    background-size:    12px;
    width:              12px;
    height:             12px;
}

ui-icon.iconOpen {
    background-image:           url('path to my image') no-repeat -0px;
    background-size:    12px;
    width:              12px;
    height:             12px;
}

这是我的JS代码：

var icons = {
        header:         "iconClosed",    // custom icon class
        activeHeader:   "iconOpen"      // custom icon class
    };

    $( '#stateList' ).accordion({

        collapsible:    true,
        icons:  icons
    });