Thanks, that prompted me to think correctly. The solution is even simpler. The element I was show / hiding was within an li element and it was this being left that led to space remaining on removal of the contained element (in IE of course).
What I did instead was remove the li, i.e. the parent: $(target).parent().hide(); And... $(target).parent().show(); Where target is the name of the element. That works very nicely. Richard -----Original Message----- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: 02 April 2008 15:22 To: jQuery (English) Subject: [jQuery] Re: hide() and floating elements leaves white space i think you should get a copy of the markup of the entire LI element you want to hide, and pointing to that LI element onclick you .remove() it. To reappend it, store the position of the removed li (.eq(n)), and re - insertAfter() the element that precedes the one you removed... ?? On Apr 2, 11:53 am, "Richard Weeks" <[EMAIL PROTECTED]> wrote: > This is killing me! Due to the rule of supply and demand, I'm sure there > must be a workaround as there are so many people in forums searching for > the same grail... > > Picture a list: > > A B C > D E F > G H I > > The list items are floating left, using CSS, on a fixed width to > simulate 3 columns. > > If I call .hide() on item 'E', no matter what I do, I am left with: > > A B C > D # F > G H I > > (# = space) > > What I want is: > > A B C > D F G > H I > > CSS "display-inline" doesn't work as you can't set width on an inline > element. Is there something I can do with jQuery to get the expected > behaviour? > > Thanks, > > Richard
