Проблемы с виджетом аккордион

[Eliot456]

Здравствуйте, такой момент: если в тегах li списка содержатся данные в одну строку то все работает нормально, если в каждом теге li есть по нескольку строк то ul раскрывается не полностью, а ровно на столько на сколько он бы раскрылся если бы в каждом теге ли было по одной строке. Как с этим бороться подскажите

[рони]

Eliot456,
формировать аккордион на видимых элементах и не использовать display: none;

[Eliot456]

рони,
display:none не использую. Вот ссылка http://reduf.ru, может глянете? Буду очень признателен

[рони]

Eliot456,
может проще сделать без jquery-ui.min.js
заменить script.js на

$(function() {
    $("#main-menu li > ul").each(function(indx, el) {
        $(el).hide().prev().on('click', function(event) {
            event.preventDefault()
            $(el).slideToggle()
        }).hover(function() {
                $(this).css({
                    "color": "#FF00FF"
                });
            },
            function() {
                $(this).css({
                    "color": "#000"
                });
            })
    })
});

[Eliot456]

рони, Я к этому тоже пришел со временем, только окольными путями) Спасибо.

[рони]

Eliot456,
проблем с высотой с css от jquery-ui нет, но общий дизайн нарушается, так что надо дизайнеров спрашивать.

[Eliot456]

$(function() {
    $("#main-menu li > ul").each(function(indx, el) {
        $(el).hide().prev().on('click', function(event) {
            event.preventDefault()
            $(el).slideToggle()
        }).hover(function() {
                $(this).css({
                    "color": "#FF00FF"
                });
            },
            function() {
                $(this).css({
                    "color": "#000"
                });
            })
    })
});

А как в таком случае сделать чтобы при открытии другого подменю предыдущее раскрытое закрывалось?

[рони]

Eliot456,

$(function() {
    var $ul = $("#main-menu li > ul");
    $ul.each(function(indx, el) {
        $(el).hide().prev().on("click", function(event) {
            event.preventDefault();
            $ul.not(el).slideUp();
            $(el).slideToggle()
        }).hover(function() {
            $(this).css({
                "color": "#FF00FF"
            })
        }, function() {
            $(this).css({
                "color": "#000"
            })
        })
    })
});

[Eliot456]

Еще раз спасибо