Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.08.2013, 16:51
Аватар для JackPaller
Новичок на форуме
Отправить личное сообщение для JackPaller Посмотреть профиль Найти все сообщения от JackPaller
 
Регистрация: 28.08.2013
Сообщений: 4

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

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

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

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


Последний раз редактировалось JackPaller, 28.08.2013 в 17:01. Причина: ошибки нашел
Ответить с цитированием
  #2 (permalink)  
Старый 28.08.2013, 18:26
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

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

и в css
left_panel{
display: none;
}
Ответить с цитированием
  #3 (permalink)  
Старый 28.08.2013, 18:29
Аватар для JackPaller
Новичок на форуме
Отправить личное сообщение для JackPaller Посмотреть профиль Найти все сообщения от JackPaller
 
Регистрация: 28.08.2013
Сообщений: 4

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

и в css
left_panel{
display: none;
}
а как например со смещением? всмысле где указать на скольно она должна выдвинуться? заранее спасибо
Ответить с цитированием
  #4 (permalink)  
Старый 28.08.2013, 18:34
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

чёкуда? toggle покажет скрытую через display: none; панель. её ширину в css указывайте
Ответить с цитированием
  #5 (permalink)  
Старый 28.08.2013, 18:58
Аватар для JackPaller
Новичок на форуме
Отправить личное сообщение для JackPaller Посмотреть профиль Найти все сообщения от JackPaller
 
Регистрация: 28.08.2013
Сообщений: 4

Сообщение от animhotep Посмотреть сообщение
чёкуда? toggle покажет скрытую через display: none; панель. её ширину в css указывайте
окей допустим панель скрылась! кнопка не выдвигает ее!
Ответить с цитированием
  #6 (permalink)  
Старый 28.08.2013, 19:01
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

должна выдвигать) на то он и тугл)
Ответить с цитированием
  #7 (permalink)  
Старый 28.08.2013, 19:06
Аватар для JackPaller
Новичок на форуме
Отправить личное сообщение для JackPaller Посмотреть профиль Найти все сообщения от JackPaller
 
Регистрация: 28.08.2013
Сообщений: 4

Сообщение от animhotep Посмотреть сообщение
должна выдвигать) на то он и тугл)
может еще какие то свойства нужны?


.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);
}
Ответить с цитированием
  #8 (permalink)  
Старый 29.08.2013, 01:05
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Вот: http://jsfiddle.net/apostol/egUHv/194/. Пользуйся поиском, на stackoverflow подобного полным полно.
Ответить с цитированием
  #9 (permalink)  
Старый 29.08.2013, 11:03
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открыть слайд (раздел) текущего пункта меню Demath Элементы интерфейса 8 18.07.2012 02:49
Подсветка выделенного элемента меню ajax-сайта crayday AJAX и COMET 0 11.05.2012 12:25
скрипт работает только на последнем пункте меню walking Элементы интерфейса 0 08.01.2012 14:56
Выпадающие меню like2dev Общие вопросы Javascript 9 21.10.2011 14:09
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36