Click here to Skip to main content
15,918,193 members
Please Sign up or sign in to vote.
2.33/5 (2 votes)
I need to add custom icons on the headers of accordions which should toggle on expand collapse. I have not used jquery css. how do i go about it?


<style>
.ui-accordion-header-active div {
background-image:url('image path');
}
.ui-corner-all div {
background-image:url('image path');
}

</style>


its not working.
Posted
Comments
jgakenhe 2-Feb-16 12:39pm    
Have you checked the online documentation? It doesn't look like you can change the icon to one of your own without pulling teeth. Please review the online documentation: https://jqueryui.com/accordion/#custom-icons

Actually, Stack has a solution, you should take a look: http://stackoverflow.com/questions/17816781/how-to-customize-jquery-ui-accordion-icons
Member 12253249 3-Feb-16 23:44pm    
I tried, but its not working.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900