JQueryUi Draggable - Disable drag changes element transparency

Question

I need to enable/disable the drag and resizable from some images, but when I disable it using $(".draggable").draggable('disable'); the image seems to have its transparency changed, how can I avoid that?

Here is a JSFiddle to ilustrate my problem: http://jsfiddle.net/YdWCP/5/

The resizable img is inside a draggable div, because I was having a problem using both interactions on the image and used this solution.

Answer 1

The transparency is changed because of the jQuery css. You can manually override the opacity attribute. If you simply want to avoid it being transparent.

$('.draggable').css('opacity','1');

This is your updated jsfiddle.