Вход

Просмотр полной версии : Открытое меню


petlyra5
18.02.2013, 15:01
Добрый день.

Подскажите как можно сделать так, чтобы данное меню http://jsfiddle.net/ruHyd/ всегда было в открытом состоянии, при нажатии сворачивалось?!

tsigel
18.02.2013, 15:17
Самый простой вариант:
http://jsfiddle.net/ruHyd/2/

ksa
18.02.2013, 15:18
как можно сделать
Как вариант...

.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/

рони
18.02.2013, 15:18
petlyra5, после button.toggle добавьте
button.click()

рони
18.02.2013, 15:20
ksa,
первый клик в вашем коде странно срабатывает

ksa
18.02.2013, 15:58
в вашем коде
Код я не менял... Это уже так первоначальная реализация хромает. :) Считает, что изначально все закрыто.
Т.е. тебе нужно свой код модернизоровать

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
всем спасибо за помощь

ksa
18.02.2013, 16:42
Вот с вариантом "все открыто"... :D
В итоге правлен ХТМЛ, код и ЦСС
http://jsfiddle.net/ruHyd/5/

petlyra5
19.02.2013, 07:50
ksa,
отлично! спасибо, буду пользоваться данным скриптом! ;)

ksa
19.02.2013, 11:52
буду пользоваться данным скриптом
Мне такой вариант вообще не нравится... :no:
Начиная от "навешивания" обработчика т.о., заканчивая самим алгоритмом.

petlyra5
19.02.2013, 13:10
Тема открыта еще!!! Теперь возник еще один момент. Возможно сделать http://jsfiddle.net/ruHyd/6/ "открытый список" чтобы был на половину открыт к примеру? Вместо текста будут картинки и чтобы картинка была на половину открыта, а при нажатии на "настройки" открывалась полностью!

petlyra5
19.02.2013, 13:13
Мне такой вариант вообще не нравится... :no:
Начиная от "навешивания" обработчика т.о., заканчивая самим алгоритмом.

Ну если есть другие подобные скрипты, то буду рад их рассмотреть!
Нужно подобие.

ksa
19.02.2013, 16:46
Ну если есть другие подобные скрипты, то буду рад их рассмотреть!
Смысл мне писать скрипты забесплатно? :D