jQuery UI hide() and remove() leaving ui-effects-wrapper residue
Hi - I am encountering an issue with hiding and removing DOM elements
jQuery v1.4.2
jQuery UI v1.8
With the following markup:
- <ul id="thislist">
- <li unid="ABC123XYZ89023412"></li>
- <li unid="XYZ789ABC28485960"></li>
- </ul>
...the following code:
- var x = "ABC123XYZ89023412"
- jQuery("#thislist li[unid="+x+"]").hide("drop").remove();
...leaves a ui-effects-wrapper div in place of the removed list element with the same height as the original LI and prevents the second list element from moving up the UL (visually).
If I just use hide() without remove(), the ui-effects-wrapper div is cleaned up. However, I need to remove the DOM element.
Please note that I need to retain the custom unid attribute on the LI element.
Please help! Thanks