jQuery SideBar Plugin

jQuerySideBar Plugin is display sidebar menu

Dual licensed under the MIT or GPL Version 2 licenses.

Requires jQuery , jQuery UI.

Browser compatibility : IE 7.x+ , Firefox 3.6+ , Google Chrome2.x+, Opera, Safari1.0.0+

Demo

1.Embed a css, jquery, jquery.sidebar and ul tag






                    

2.call function

$("ul#demo_menu1").sidebar();
$("ul#demo_menu2").sidebar({
    position:"right",
    callback:{
        item : {
            enter : function(){
                $(this).find("a").animate({color:"red"}, 250);
            },
            leave : function(){
                $(this).find("a").animate({color:"white"}, 250);
            }
        }
    }
});
$("ul#demo_menu3").sidebar({
    position:"top",
	open:"click"
});
$("ul#demo_menu4").sidebar({
    position:"bottom"
});
$("ul#demo_menu5").sidebar({
    root: $("#include")
});
                    

Style

Style

Download