js程式碼：

$(function() {
    // 導航選單
    var catelistsli = $(".fp-catelists").find("li");
    // 選單顯示
    var ptcatebox = $(".fp-catelistbox").find('.ptcatebox');

    catelistsli.hover(function() {
        var _this = $(this);
        right_nav_timer = setTimeout(function() {
            mq = _this.index();
            ptcatebox.eq(mq).fadeIn().siblings('.ptcatebox'
 
).fadeOut(); // 顯示選單
            catelistsli.eq(mq).addClass("on").siblings().removeClass("on"); // 突出當前選中選單
            $(".fp-module-box .lnpage").hide();
        }, 250);
    },function(){
        clearTimeout(right_nav_timer);
    });

    $("div:not(.fp-catelistbox)") && $("div:not(.ptcatebox)"
 
).hover(function(){
        ptcatebox.fadeOut();
        catelistsli.removeClass("on");
        $(".fp-module-box .lnpage").fadeIn('slow');
    });

    $(".closebox").click(function() {
        ptcatebox.fadeOut();
        catelistsli.removeClass("on");
        $(".fp-module-box .lnpage").fadeIn('slow'
 
);

    });
});

效果：