[jQuery] Getting THIS background image to switch
I am trying to show a ul and switch the background image on the li element
that triggers the switch. I've got the show/hide working, but for the life
of me I can't get the backgroundimage targeted.
Here is the jquery:
$(document).ready(function(){
$(".submenu").hide();
$("li.side_menu-parent").toggle(function(){
$(this).next().show();
$(this).prev("li").css({backgroundIImage:
"url(../images/down_arrow.gif)"});
}, function(){
$(this).next().hide();
$(this).css({backgroundimage: "url(../images/right_arrow.gif)"});
});
});
Here is the HTML:
<h1>Product Actions:</h1>
<ul>
<li class="dimmed">Styles</li>
<li class="side_menu-parent"> # Seasons </li>
<ul class="submenu">
<li class="side_menu-child"> # Spring 07 </li>
<li class="side_menu-child"> # Fall 07 </li>
</ul>
<li class="side_menu-parent"> # Countries </li>
</ul>
Many Thanks In Advance!!!
--
View this message in context: http://www.nabble.com/Getting-THIS-background-image-to-switch-tf3367820.html#a9370238
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/