[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
[email protected]
http://jquery.com/discuss/