A CSS3 and JavaScript powered slide-in panel, to quickly show side content, notifications or profile information.

1.340 + */ 1.341 + scriptName: "proj4js.js", 1.342 + 1.343 + /** 1.344 + _refresh()},_getCreateEventData:function(){return{header:this.active,panel:this.active. _trigger("slide",t,{handle:this.handles[e],value:i,values:n}),s=this.values(e?0:1),o!

Include jQuery and jquery.panelslider.min.js scripts: Auto closes the sliding panel when clicking a link inside it. Push the body content to the other side similar to off-canvas push menu. Prevents page scroll when the sliding panel is activated. Useful callback functions.

jQuery Slide Panel Plugin Lets you easily open slide panels from the left or right which contain either the default content or content loaded using Ajax. Other options include position slide page and panel together (inspired on medium.com) support multiple panels on same page; support closing when clicking outside panel or pressing ESC. play well with angularJS directives (Example comming soon) Installation. Include jQuery and jquery.panelslider.min.js scripts: Books. Learning jQuery Fourth Edition Karl Swedberg and Jonathan Chaffer jQuery in Action Bear Bibeault, Yehuda Katz, and Aurelio De Rosa jQuery Succinctly Cody Lindley Slideshow Slideshow Gallery Modal Images Lightbox Responsive Image Grid Image Grid Tab Gallery Image Overlay Fade Image Overlay Slide Image Overlay Zoom Image Overlay Title Image Overlay Icon Image Effects Black and White Image Image Text Image Text Blocks Transparent Image Text Full Page Image Form on Image Hero Image Blur Background Image dist/ ├── jquery-slidePanel.js ├── jquery-slidePanel.es.js ├── jquery-slidePanel.min.js └── css/ ├── slidePanel.css └── slidePanel.min.css There are some example usages that you can look at to get started.

Switches – Slide Switches are in stock at DigiKey. Order Now! Switches ship same day.