Custom icons for accordion
I'm trying to use the latest accordion 1.7.1 and I was wondering how to specify custom icons for my headers.
http://docs.jquery.com/UI/Accordion
I'm using jquery-1.3.2.min.js and jquery-ui-1.7.1.custom.min.js with:
jQuery("#mainaccordion").accordion({
collapsible: true,
active: 1,
header: "p",
icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon minus' }
});
Now this uses some theme icons ui-icon-plus and minus. Which works but I don't want that. I tired to specifiying a .myclass which has a background:url(/images/whatever.gif); but that didn't work.
I'm a newbie and can't for the life of me figure out how to simply specify custom icons for my headers.
Thanks for any help.