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

Добрый день.

Подскажите как можно сделать так, чтобы данное меню 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');
    });

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

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

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

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