Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Выдвижно меню!!! (https://javascript.ru/forum/dom-window/41019-vydvizhno-menyu.html)

JackPaller 28.08.2013 16:51

Выдвижное меню!!!
 
Ребят, помогите пожалуйста!!! Я в javascript просто дно:cray:

кароче суть проблемы: есть левая панель! есть кнопочка на синей верхней панеле! нужно чтобы при нажатии на кнопочку весь div=left_panel выдвигалась/задвигалась!!!

по умолчанию панель должна быть спрятана! размер панели 250рх в ширину!

за лучший ответ дам голос ВКОНТАКТЕ


animhotep 28.08.2013 18:26

$('кнопочка на синей верхней панеле').click(function() {
 $('left_panel').toggle();
});

и в css
left_panel{
display: none;
}

JackPaller 28.08.2013 18:29

Цитата:

Сообщение от animhotep (Сообщение 269768)
$('кнопочка на синей верхней панеле').click(function() {
 $('left_panel').toggle();
});

и в css
left_panel{
display: none;
}

а как например со смещением? всмысле где указать на скольно она должна выдвинуться? заранее спасибо:thanks:

animhotep 28.08.2013 18:34

чёкуда? toggle покажет скрытую через display: none; панель. её ширину в css указывайте

JackPaller 28.08.2013 18:58

Цитата:

Сообщение от animhotep (Сообщение 269771)
чёкуда? toggle покажет скрытую через display: none; панель. её ширину в css указывайте

:write: окей допустим панель скрылась! кнопка не выдвигает ее!

animhotep 28.08.2013 19:01

должна выдвигать) на то он и тугл)

JackPaller 28.08.2013 19:06

Цитата:

Сообщение от animhotep (Сообщение 269777)
должна выдвигать) на то он и тугл)

может еще какие то свойства нужны?


.left_panel{
background-color:#232833;
color:#fff;
width:250px;
height:100%;
position:absolute;
display:none;
box-shadow:inset -0.15em 0em 0.75em 0em rgba(0,0,0,0.15);
}

rekzi 29.08.2013 01:05

Вот: http://jsfiddle.net/apostol/egUHv/194/. Пользуйся поиском, на stackoverflow подобного полным полно.

animhotep 29.08.2013 11:03

и зачем так много кода то? чем вам тугл не угодил
http://jsfiddle.net/gAYXm/


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