MooTools слайд прыгает вокруг в обтекании div

Question

Я использую слайд-эффект для "закрытия" div, который работает нормально, кроме как перед скольжением, он прыгает по диагонали в его упаковке divрядом с плавающей div это выше этого. Делать это выглядит некрасиво...

Это иллюстрирует именно то, о чем я говорю: http://jsfiddle.net/ELxPF/

Когда всплыло div не плавали, все хорошо, так что это как-то связано с поплавком. Я думаю, что оболочка, которая применяется для не плавающих div когда эффект слайда инициируется, не делает clear: both; или что-то на этот счет, заставляя его прыгать по диагонали.

Какой лучший способ решить эту проблему, сохраняя плавучесть плавающего div - и желательно без использования дополнительных элементов обертки?

Answer 1

Я предлагаю вам использовать .dissolve() вместо этого.

$('slide').addEvent('click', function () {
    $('two').dissolve()
});

DEMO

И тогда вы можете использовать .reveal() вернуть его обратно.

$('slide').addEvent('click', function () {
    $('two').dissolve();
});
$('one').addEvent('click', function () {
    $('two').reveal();
});