jQuery Sliding Sidebar
Users of Help Developer may have noticed that the design of the site changed a couple of days ago, I have had some excellent feedback and am really pleased with how it has worked out. I am aware that some of you would like to know how I created some of the effects and new features that you see on the site so I am going to produce a few tutorials showing you how to create these effects yourself with jQuery over the coming weeks.
Today I am going to show you how to create a sliding sidebar, if you want an example of what I mean then just click the button in the top right of the sidebar that says “Hide Sidebar” and you’ll notice a nice sliding action to the right and the content area expanding the full width of the page, clicking “Show Sidebar” slides everything back. This was created using the jQuery Javascript library which I must say is excellent.
Right so lets get started. I am going to use the popular template from the tutorial that was a huge success here on HD here to produce this.
