/**** General Section BEGIN *****/
$.fn.sidebar =function(options) {varDefaults ={event:' Click '}, Settings=$.extend ({}, defaults, options); return This. each (function() { return NewSidebar ( This, settings); });/};/**** General section END *****/functionSidebar (el, settings) { This. $sidebar =$ (EL); This. settings=settings; This. $foldPanel = This. $sidebar. Find ('. Fold ')); This. $unFoldPanel = This. $sidebar. Find ('. unfold ')); This. Init ();} Sidebar.prototype={init:function() { var_self= This; _self. $sidebar. On (' Fold ', $.proxy (_self.fold, _self)); _self. $sidebar. On (' Unfold ', $.proxy (_self.unfold, _self)); _self. $sidebar. Find ('. Fold_btn '). On (_self.settings.event,function(e) {e.preventdefault (); _self. $sidebar. Trigger (' Fold '); }); _self. $sidebar. Find ('. Unfold_btn '). On (_self.settings.event,function(e) {e.preventdefault (); _self. $sidebar. Trigger (' Unfold '); }); }, Fold:function() { varSelf = This; Self. $unFoldPanel. Animate ({width:40 }, function() { $( This). Hide (); Self. $foldPanel. Show (); }); }, unfold:function() { varSelf = This; Self. $foldPanel. Hide (); Self. $unFoldPanel. Show (function() { $( This). Animate ({width:200 }); }); }};
jquery Plugin Development Examples