Skip to main content

Responsive slide panels using jQuery

As Vitaly Friedman said in the New Year's Special Edition of the Smashing Newsletter, the festive period is the best time to explore, experiment and play around with code and design... And it is exactly what I did.

I've had an idea in the back of my mind for quite a while to create some responsive slide panels using jQuery. The aim was to display 2 sidebars that would be displayed if the screen was big enough to accommodate them and become slide panels when the screen size becomes too small.

It's not avant-gardiste but I wanted the test to work well in terms of responsiveness but also with the scrolling content when the slide panels are opened.

You can see the result of this experiment here

Hope you enjoy, maybe use the code yourself and certainly comment on it if you think of ways that could improve the code...


The Transcendit Way

Transcendit understand that when you choose to work with us, whether we're taking care of your IT, app or web development, you're trusting us with part of your business. So whether we're looking after your computers, phone systems or servers we always do things 'the Transcendit way'.

The whole of our team adhere to the same values, beliefs and policies - the principles that were written when Transcendit first formed in 2000. Whether you come to us for cloud services or recovery backup you can be confident that you'll always receive the same excellent service.

The Transcendit way outlines how we do business; following the same straightforward principles with every client and customer, regardless of how big or small they may be.

That means we get to know you and your business. We offer you a friendly, professional and efficient service, and we'll always be honest with you.
We understand that not everybody speaks fluent IT, so we try to explain things in a way that is simple and clear. We always spend as much time as is necessary explaining things to you.
If you need to talk to us about something, no matter how insignificant, we are only ever a phone call away – and we’re never too busy to make you a cup of tea and have a sit down with you in person.
We understand how frustrating it can be when things are late. When we schedule an appointment with you, we are there when you’re expecting us. If something prevents us from getting there, we always call you in advance to let you know.
Sometimes things can go wrong, but we never lie to you or try to cover something up. If things go askew we tell you what’s happened and how we plan to prevent it affecting your business.
We want you to continuously benefit from working with us. We regularly discuss your business and make suggestions for improving systems and processes wherever we can – but we never try to push you into a purchase.
When we quote a fixed price, that's always the amount we charge – you won’t find any nasty surprises on a bill from us. If you are paying by time and materials, we inform you if our approximations could change.
We understand the importance of privacy for your business and your customers. We respect the confidentiality of your data, and we will never pass on your information to third parties.
We appreciate it when you take the time to give us feedback. A system called CustomerSure records our client's responses, so you can trust that our reviews are from real people.
Find out what they're saying here.
Your team have been superb! Quick to respond. No hassle. They just get on with the job. After a well-planned and executed Microsoft 365 migration I have been firing out emails as teething problems have arisen and they have turned the requests around pronto. Not to mention being carried out in a friendly yet professional manner. Just amazing performance! Rosie Malcolm-MacEwan

Based on 12075 reviews our customers rate us 9.8/10. Reviews and ratings by Customersure. 09-October-2024

Transcendit are proud sponsors of CHUF, the Children's Heart Unit Fund.

Transcendit is a Microsoft Gold certified partner
VMWARE partner
Vipre partner
IPCortex partner
WithSecure partner
DELL partner
Barracuda partner
Veeam partner
N-Able partner