.slidingMenuDesc div{
    background: #2183c4;
    background:
        -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#0771b8),
            to(#2183c4)
        );
    background:
        -moz-linear-gradient(
            top,
            #0771b8,
            #2183c4
        );
    height: 68px;
    padding-right:5px;
    left:-5px;
    width:0px;
    margin-top:2px;
    overflow:hidden;
    position:absolute;
    -moz-box-shadow:1px 1px 5px #000;
    -webkit-box-shadow:1px 1px 5px #000;
    box-shadow:1px 1px 5px #000;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.slidingMenuDesc div span {
    font-size:36px;
    color: #f0f0f0;
    text-indent:5px;
    z-index: 10;
    display: block;
    height: 66px;
    line-height: 66px;
    position:absolute;
    right:10px;
    margin-left:5px;
    top:-3px;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="BabelSans_500.font.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script> 

$(function() {
    Cufon.replace('a, span').CSS.ready(function() {
        var $menu       = $("#slidingMenu");
        /*   первый элемент меню, который выбран по умолчанию   */
        var $selected   = $menu.find('li:first');
        /*   это элемент с абсолютным позиционированием,   который будет передвигаться по элементам меню,   у него такая же ширина, как и у выбранного элемента,   и значение положения по вертикали равно расстоянию от элемента до верха   */
        var $moving     = $('<li />',{
            className   : 'move',
            top         : $selected[0].offsetTop + 'px',
            width       : $selected[0].offsetWidth + 'px'
        });
        /*   У каждого скользящего блока (описания) будет такое же значение положения по вертикали,   как и у соответствующего пункта меню   */
        $('#slidingMenuDesc > div').each(function(i){
            var $this = $(this);
            $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
        });
        /*   добавить в меню блок с абсолютным позиционированием,   когда мы отводим указатель мыши от меню,   этот блок с абсолютным позиционированием передвигается к верху, где он был изначально,   когда мы наводим указатель мыши на пункты меню, мы передвигаем этот блок на нужное положение   */
        $menu.bind('mouseleave',function(){
                moveTo($selected,400);
              })
             .append($moving)
             .find('li')
             .not('.move')
             .bind('mouseenter',function(){
                var $this = $(this);
                var offsetLeft = $this.offset().left - 20;
                //описание выезжает
                $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                /*   передвинуть блок с абсолютным положением к этому элементу   */
                moveTo($this,400);
              })
              .bind('mouseleave',function(){
                var $this = $(this);
                var offsetLeft = $this.offset().left - 20;
                //описание прячется
                $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
              });;
        /*   передвигаем блок с абсолютным позиционированием   на определенной скорости   к положению $elem   */
        function moveTo($elem,speed){
            $moving.stop(true).animate({
                top     : $elem[0].offsetTop + 'px',
                width   : $elem[0].offsetWidth + 'px'
            }, speed, 'easeOutExpo');
        }
    }) ;
});