Search jQuery

jQuery Forum

Working with background images

in Using jQuery • 11 years ago

Imagine that the "trigger A" is an arrow pointing to the "Area A" (using a background image), the idea is that when someone clicks on the next trigger, not only the Area will have to change to "B" but the background image of the trigger ("B") must change to his arrow, pointing the area that corresponds. So every "trigger area" has their own arrow as a background image pointing down, there must be a way in order to do so, how can I do this?

Please to understand check my fiddle:

http://jsfiddle.net/renzocj/MUP9n/3/

Replies(1)

nick.kuzn..

Re: Working with background images

11 years ago

JavaScript changes:

$('.areas').hide();
$('#area_a').show();
$('.pestanas').click(function() {
  var clicked=$(this).attr('id').split("_")[1]; //pestanas_ + [a]
  var areaID='#area_' + clicked;
  $('.areas').hide();
  $(areaID).show();
      $('.pestanas.selected').removeClass("selected");
      $(this).addClass("selected");

});

Add CSS:

.pestanas.selected
{
background-image: url('/images/arrowDown.png');
}

Top Reply

Response title

Attachments

jQuery Forum

Working with background images

Replies(1)

Re: Working with background images

Statistics

Tags

Actions