Hello guys,

I would like to show a different background image every time I drop a draggable into the drop area. With this in place I can give the illusion that a bag is getting full.

This is what I have so far:

2. $basket.droppable({
3. drop: function(event, ui) {
4. var $milkItem = $('#milk');
5. var $milkItem2 = $('#milk2');
6. var $milkItem3 = $('#milk3');
8. if ($milkItem.is('li#milk')){
9. $(this).removeClass('plain').addClass('plain2').end();
10. }else if ($milkItem2.is('#milk2')){
11. $(this).removeClass('plain2').addClass('plain3');
12. }
13. return false;
14. }
15. });

Can someone point me in the right direction.

I would also like to add dollar values to those items and have them add up.

Thanks