如何更改多重手風琴的箭頭？

我在jQuery UI中創建了多個accordions，但是我遇到了一個問題：如何更改多重手風琴的箭頭？

如果我的手風琴是這樣嵌套的，如何更改箭頭圖標？

enter image description here

Demo

來源

2013-06-13 Rohit Azad

它工作正常。什麼是問題？ – Nitesh

的問題是，我想改變箭頭所有三個級別如何改變可以告訴我..現在箭頭是defrent所有三級accrodian –

你的意思是，關閉兒童手風琴的面板，直到他們被點擊打開和不像現在這樣發生的事情。對？ – Nitesh

你能做到這樣

var icons1 = { 
    header: "ui-icon-arrowthick-1-e", 
    activeHeader: "ui-icon-arrowthick-1-s" 
}; 

var icons2 = { 
    header: "ui-icon-circle-arrow-e", 
    activeHeader: "ui-icon-circle-arrow-s" 
}; 

var icons3 = { 
    header: ".ui-icon-arrow-1-e", 
    activeHeader: ".ui-icon-arrow-1-s" 
};  

$(".accoraccordionBorder").accordion({ 
    header: "h1" , 
    heightStyle: "content", 
    icons: icons1 
}); 


$(".accoraccordionBorder2").accordion({ 
    header: "h2" , 
    heightStyle: "content", 
    icons: icons2 
}); 

$(".accoraccordionBorder3").accordion({ 
    header: "h3" , 
    heightStyle: "content", 
    icons: icons3 
});

http://jsfiddle.net/mastermindw/BMJAv/3/

定製箭頭所示的圖片，你需要編輯默認給出的圖片中

jquery-ui.css, line 281 
.ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }

來源

2013-06-13 11:59:21 wakqasahmed

沒有什麼可以顯示與圖像演示？ –

它已經在jsfiddle中，請檢查鏈接。 http://jsfiddle.net/mastermindw/BMJAv/2/ – wakqasahmed

我檢查到這一切所有圖像是相同的，但我想在我的手風琴不同的圖像...像這樣我的圖像檢查我的問題，看看我的例子圖像.. –

只需設置其他背景圖片代替箭頭

目前的風格是（jquery-ui.css, row 281）

.ui-state-active .ui-icon { 
    background-image: url("images/ui-icons_454545_256x240.png"); 
} 
... 
.ui-icon-triangle-1-s { 
    background-position: -64px -16px; 
}

，所以你只需要創建另一個至少具有相同特性的規則（或使用!important）與另一個背景圖像和位置

來源

2013-06-13 11:52:38 fcalderan

如何更改多重手風琴的箭頭？

回答

相關問題