Просмотр полной версии : Открытое меню
petlyra5
18.02.2013, 15:01
Добрый день.
Подскажите как можно сделать так, чтобы данное меню http://jsfiddle.net/ruHyd/ всегда было в открытом состоянии, при нажатии сворачивалось?!
Самый простой вариант:
http://jsfiddle.net/ruHyd/2/
как можно сделать
Как вариант...
.menu {
position:absolute;
top:32px;
left:0;
right:0;
background:#fff;
border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border:1px solid #c7cbd3;
border-top:0;
border-bottom-color:#b3b7c0;
box-shadow:0 1px 2px rgba(0,0,0,0.15);
/*display:none;*/
z-index:40000;
}
http://jsfiddle.net/ruHyd/3/
petlyra5, после button.toggle добавьте
button.click()
ksa,
первый клик в вашем коде странно срабатывает
в вашем коде
Код я не менял... Это уже так первоначальная реализация хромает. :) Считает, что изначально все закрыто.
Т.е. тебе нужно свой код модернизоровать
button.toggle(function(e) {
e.preventDefault();
menu.css({display: 'block'});
$('.ar', this).html('▲').css({top: '3px'});
$(this).addClass('active');
},function() {
menu.css({display: 'none'});
$('.ar', this).html('▼').css({top: '5px'});
$(this).removeClass('active');
});
petlyra5
18.02.2013, 16:22
всем спасибо за помощь
Вот с вариантом "все открыто"... :D
В итоге правлен ХТМЛ, код и ЦСС
http://jsfiddle.net/ruHyd/5/
petlyra5
19.02.2013, 07:50
ksa,
отлично! спасибо, буду пользоваться данным скриптом! ;)
буду пользоваться данным скриптом
Мне такой вариант вообще не нравится... :no:
Начиная от "навешивания" обработчика т.о., заканчивая самим алгоритмом.
petlyra5
19.02.2013, 13:10
Тема открыта еще!!! Теперь возник еще один момент. Возможно сделать http://jsfiddle.net/ruHyd/6/ "открытый список" чтобы был на половину открыт к примеру? Вместо текста будут картинки и чтобы картинка была на половину открыта, а при нажатии на "настройки" открывалась полностью!
petlyra5
19.02.2013, 13:13
Мне такой вариант вообще не нравится... :no:
Начиная от "навешивания" обработчика т.о., заканчивая самим алгоритмом.
Ну если есть другие подобные скрипты, то буду рад их рассмотреть!
Нужно подобие.
Ну если есть другие подобные скрипты, то буду рад их рассмотреть!
Смысл мне писать скрипты забесплатно? :D
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot