slideDown снизу вверх (а не сверху вниз)

Question

Я хочу сначала скрыть div, а затем показать его здание снизу вверх. Я видел, что JQuery имеет приятный

.slideDown() 

эффект, однако, направление этого перехода с помощью является противоположностью того, что мне нужно (он всегда начинает показывать элемент сверху). В конце концов, я хочу построить «башню» divs, чтобы дать вам мысленный образ того, чего я пытаюсь достичь.

Как я могу решить, используя jQuery? Я уже пробовал разные вещи, но не получил его на работу! Обратите внимание, что высота div НЕИЗВЕСТНА, так как она вычисляется «на лету» (теоретически я знаю высоту div справа, когда я ее раскрываю).

Обратите внимание, что div не имеет фиксированного или абсолютного положения. Кроме того, несколько из этих divs сложены друг над другом. Они раскрываются снизу вверх.

Ссылки: http://api.jquery.com/slideDown/

Answer 1

Я попытался это с помощью следующего кода:

HTML:

<div style="height:200px; width: 200px; background-color: red;"> 
<span style="color:#fff">Click here</span> 
</div> 

JQuery:

$("div").click(function() { 
     $(this).hide("slide", { direction: "up" }, 1000); 
     //direction: up,down 
}); 

Проверить эту ссылку скрипку больше ..

Надеется, что это помогает ...

Дня кодирование .. :)