jquery移動手風琴與形象

Question

如果去this page你會發現jquery移動手風琴。手風琴的問題在於它太簡單了。我想讓這個accordin看起來像通過添加圖像列表視圖而不是顯示+或-標誌。你能指導我嗎？

Answer 1

您可以通過覆蓋CSS樣式表中的樣式來更改圖標。

.CollapsibleSetPage .ui-collapsible-set .ui-icon{ 
     background-image:url(images/icons-18-white.png)//your custom icon 
    } 
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-plus{ 
     background-position:-108px 
    } 
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-minus{ 
     background-position:-144px; 
    } 

我已將'CollapsibleSetPage'類添加到頁面以區別其他頁面以覆蓋此行爲。

具有可摺疊設置的自定義圖標的示例。

https://dl.dropbox.com/u/49735179/Stackoverflow/CustomCollapsibleIcons/test.html