troubleshooting Question

jquery accordion custom icons

Avatar of nzinsli
nzinsliFlag for United States of America asked on
JavaScriptWeb DevelopmentjQuery
5 Comments2 Solutions1511 ViewsLast Modified:
I setup a basic jquery accordion, but am having issues setting up custom icons. I tried with and without the jquery ui css, and from what I can tell I am using the correct syntax. But when I look at the icon in firebug, my custom style isnt being applied. What am I missing?

Example url - http://bit.ly/JwhclO
CSS -
.accordion_up
{
	background-image: url(../webimages/master_accordion_arrows_sprite.gif) -11px left !important;
	width: 11px;
	height: 8px;
}
.accordion_down
{
	background-image: url(../webimages/master_accordion_arrows_sprite.gif) top left !important;
	width: 11px;
	height: 12px;
}
jquery accordion...
$(document).ready(function() {
		$("#accordion").accordion();
		$("#accordion").accordion("option", "autoHeight", false);
		$("#accordion").accordion("option", "icons", { 'header': 'accordion_up', 'headerSelected': 'accordion_down' });
	});
ASKER CERTIFIED SOLUTION
Jon Norman
Information Systems Manager
Join our community to see this answer!
Unlock 2 Answers and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros