Открытое меню

[petlyra5]

Добрый день.

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

[tsigel]

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

[ksa]

как можно сделать

Как вариант...

.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,
первый клик в вашем коде странно срабатывает

[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]

всем спасибо за помощь

[ksa]

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

[petlyra5]

ksa,
отлично! спасибо, буду пользоваться данным скриптом!

[ksa]

буду пользоваться данным скриптом

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