Всем привет, предлагаю вам не бесплатную подработку, мне нужно дописать файл от выпадающего меню. На скрине видно о чём я говорю, у меня есть стили и вообще оно работает, но надо написать Javascript на открытие и закрытие.. Кто откликнется пишите тут в ЛС или на аську 579816162
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл!
FAKIR, могу помочь, а вообще это делается так: на кнопку шестеренки(в коде) дописать:
Код
onclick="$('ID/CLASS меню').slideToggle();"
где ID/CLASS меню заменяем на id/class элемента со списком, который нужно скрыть\развернуть для id, это так #inmenu, для class - .classmenu slideToggle() - это анимация появления, т.е. скрытый элемент будет выезжать\заезжать, можно изменить на toggle(), что бы было обычное появление если нужно отрегулировать скорость появления, то в () пишем число - 1 секунда = 1000 дальше в блок меню(которое должно быть скрыто) дописываем:
Код
style="display:none;"
он скроет его, и только при нажатии на шестеренку если что-то не получается, выкладывайте код, я в него все допишу
Добавлено (04.03.2014, 20:58) --------------------------------------------- а как сделать что бы оно скрывалось само при нажатии в любую область экрана!?
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл!
В этом нет смысла, если приписать к тегу body, то оно не откроется (т.к. сразу будет закрываться) можно приписать к любому тегу, но учтите, чтобы кнопка не была в этом теге обернута (ни в коем случае не к body!!!) В общем этот код на любой тег, кроме body:
Код
onclick="$('ID/CLASS меню').hide();"
------------------------------------------------
Придумал решение, нужно создать маску, т.е. заменяем коды из этого поста, на эти:
где #ID/.CLASS меню заменяем на id/class элемента со списком, который нужно скрыть\развернуть для id, это так #inmenu, для class - .classmenu slideToggle() - это анимация появления, т.е. скрытый элемент будет выезжать\заезжать, можно изменить на toggle(), что бы было обычное появление если нужно отрегулировать скорость появления, то в () пишем число - 1 секунда = 1000 остальное не трогать, это для маски
дальше в блок меню(которое должно быть скрыто) дописываем:
Код
style="display:none;"
ну и код самой маски, ставим в любое место, но лучше перед /body
doc74, BlackPh, Прочитал ваш спор и прям заинтересовался, не могли бы вы в качестве примера написать для моего случая на css ??? Буду очень благодарен! Хотя и на Javascript отлично работает!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл!
Нужно что бы с верху в низ выезжало при нажатии на шестерёнку, а потом опять же при нажатии на неё либо в любую область экрана панель заезжала обратно!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл!
