Проблема многомерного выпадающего меню

Question

Я только начал создавать выпадающее меню: http://johanberntsson.se/dev/fysiosteo

У него будет 3 уровня глубины.Моя проблема в том, что я хочу показать третий уровень справа от 2-го уровня, вставленный ниже.Но я не знаю, как напечатать селектор jquery для этого.Любая помощь приветствуется.Спасибо

jquery:

$(function() {

        $('#menu-main-menu li').hover(function () {
                $(this).children('ul').show();
                console.log($(this).children('ul').children());
            }, 
            function () {
                $(this).children('ul').hide();          
            }
        );



    });

HTML выглядит немного грязно, когда я вставляю его сюда из-за сгенерированных идентификаторов WordPress, которые довольно длинные, поэтому, пожалуйста, проверьте их с помощью firebug.*

Answer 1

Я думаю, что эти элементы третьего уровня должны float:left. Вам не нужно выбирать их с помощью jQuery, чтобы сделать это. Но если вам нужно по какой-то причине:

$(this).children('ul ul').css('float','left');

должно работать. Конечно, все это очень субъективно, я не смотрел на ваш макет.