Multiple Resizables Not Working in IE

[jbwyme]

Works great in Firefox 2; In IE 7 only the last element resizes and ONLY if you use the first element's resize handlers.

$('.topicWrapper').each( function() { $(this).append('<div id="resizeHandlers"><div id="resizeSE"></div><div id="resizeE"></div><div id="resizeNE"></div><div id="resizeN"></div><div id="resizeNW"></div><div id="resizeW"></div><div id="resizeSW"></div><div id="resizeS"></div></div>').addClass('resizeMe').addClass('resizeMe').Resizable(

{

dragHandle: false, minLeft: 1, minWidth: 100, maxWidth: 880, handlers: {

se: '#resizeSE', e: '#resizeE', ne: '#resizeNE', n: '#resizeN', nw: '#resizeNW', w: '#resizeW', sw: '#resizeSW', s: '#resizeS'

}

}

); });

[scott.gonzal]

Interface is no longer supported; consider switching to ​jQuery UI.