jQuery UI hide() and remove() leaving ui-effects-wrapper residue

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:
  1. <ul id="thislist">
  2.       <li unid="ABC123XYZ89023412"></li>
  3.       <li unid="XYZ789ABC28485960"></li>
  4. </ul>

...the following code:
  1. var x = "ABC123XYZ89023412"
  2. 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

















    • Topic Participants

    • dave