Home/ Questions/Q 7074645
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T06:04:57+00:00

Im looking for a way to change the background image of a div using

  • 0

Im looking for a way to change the background image of a div using jQuery BUT only amending it, not totally changing it.

Let me explain.

Im using http://jqueryui.com/demos/sortable/#portlets to show some div’s that open and close. Now when you click the portlet header it opens and closes the content below.

Inside the portlet header i have a child div which shows an arrow (either up or down) depending on the current state of the content. I need a way of changing the background image on this child div by adding on “-visible” onto the end of the url for the background image.

I wouldnt even know where to start with doing this, but i have added some code below for you to look at.

http://jsfiddle.net/45jZU/

From the fiddle there, i need to alter the background image of the portlet-arrow div inside portlet header. I can not simply change the background image all together, but i have simplified it down to post on here.

I hope this isnt too narrow to not be of use to anyone else on stackoverflow.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Maybe I’m missing something here, but can’t you use the .css attribute modifier for the selected jQuery object? Something like:

    var current_background = $("#my-div").css("background-image");
$("#my-div").css("background-image", current_background + "-visible");

    If you’re looking to modify the class names themselves, you can try mess around with the .toggleClass(), .hasClass(), .addClass() and .removeClass() methods in jQuery.

    I hope this helps, but let me know if I’ve missed the mark here completely!

    • 0