Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как сделать выпадающее меню наверх (https://javascript.ru/forum/jquery/14448-kak-sdelat-vypadayushhee-menyu-naverkh.html)

frizz 17.01.2011 08:48

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

Matre 17.01.2011 08:52

дайте подменю position:absolute
для открытия вверх одно временно анимируйте свойство top и height
например,у нас есть подменю с top:125px и высотой 100px Для отркытия вверх надо написать так:

$(подменю).animate({
top: '-100px',
height: 'show'
}, 500);


собствено,при таком подходе имеет значение только своство top, его нужно делать -=Npx для открытия и +=Npx для закрытия,N-высота меню

frizz 17.01.2011 09:05

Благодарю.
все работает.:)

frizz 17.01.2011 11:23

но более лучшим вариантом для выпадающего меню оказалось использование функции toggle: просто изначально нужно задавать выпадающему списку (в css) свойство top:-100px; а потом отображать или скрывать его.:)


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