UI Deploy

Curated, Short, Web UI Dev we Love.

Javascript Tutorial - Inline Sliding Panels

We've written several different tutorials about sliding panels, and each time we get requests for different features and functionality. The first feature I addressed was starting the panels in an up position and having them slide down. Lately we've been getting comments about how to put the panels inline with the rest of the content. That is, when the panel expands or contracts, the rest of the page moves with them. That's what this tutorial will address today.

Just like with the other sliding panel tutorials, I'll be using version 2 of our generic animation code. You'll find using the generic animation code greatly reduces the complexity of creating sliding panels. You can download the generic animation javascript file here.

view post...

Advertisement