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?

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


its not working.
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:

Actually, Stack has a solution, you should take a look:
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