Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   slideDown() в jquery (https://javascript.ru/forum/jquery/35058-slidedown-v-jquery.html)

jeysmook 29.01.2013 17:18

slideDown() в jquery
 
Возможно ли указать какой нибудь параметр, который указывал бы на, то как разворачивать элемент (с низу вверх или с верху вниз)?
$('.div').slideDown('slow');

<div class="div" style="display:none; position:absolute; width:200px; height:200px;">Текст</div>

Serg_pnz 29.01.2013 17:32

мне кажется только мутить анимацией с высотой и позиционированием (top) или отступом (margin)

jeysmook 29.01.2013 17:34

Serg_pnz,
Это я знаю, просто мне очень подходит slideDown()

Deff 29.01.2013 18:20

jeysmook,
сделать элементу position:relative и привязать botton:0; margin-top:auto;
margin-bottom:0;

jeysmook 29.01.2013 22:26

Deff,
А есть такая ситуация, то position:relative вряд ли поможет,
<div class="div" style="display:none; position:absolute; width:200px; height:200px;"><img src="1.jpg" /></div>


На самом деле немного у меня получилось решить проблему, всем спасибо за ответы)

Deff 30.01.2013 02:31

jeysmook,
Нужно тогда еще и высоту обертки фиксировать
div.div

Deff 30.01.2013 02:40

<script src="http://code.jquery.com/jquery-latest.js"></script>
<html>
<body style="height:100%;padding:34px;">


<div style="position:relative; height:200px;">
<div class="div" style="border:1px solid red;display:none; position:absolute; width:200px; height:200px;bottom:0;margin:auto 0 0 0">Текст</div></div>
<script>
$('.div').slideDown('slow');
</script>


</body>
</html>
display:none; position:relative; height:200px;

Serg_pnz 30.01.2013 08:18

Deff,
спасибо

jeysmook 30.01.2013 13:14

Deff,
Больше спасибо)


Часовой пояс GMT +3, время: 03:58.