The WebApp Wizard Web development made magical

Sliding Panel

Sliding Panel is a lightweight, unobtrusive, yet extremely useful and effective jQuery plugin.

Its goal is to provide a simple way to turn any DOM element into a retractable, sliding panel. It was created to fulfill the need of showing examples on unoome (in french only for the moment), a service aimed at small/medium enterprises/associations with no IT skill to easily create websites. So a really easy and intuitive help was needed, and that's how Sliding Panel was born.

Hopefully, it was designed with extensibility in mind, so you can use it not only to display help or examples, but also to display anything you want : an options panel for example. Just call :

$(your_DOM_element).slidingPanel();

And you're ready to go. The flexibility given by the settings should allow you to tune the plugin the way you like. Of course, it comes with a default CSS, but you can customize it to make it fit your needs.

Demo

Documentation

Downloads

The jQuery project page is here.

And here is a nice example of use by Sean Camden: http://computerdemon.com/

You can also see it in action on unoome, if you are registered.

Comments (6) Trackbacks (2)
  1. Excellent, going to use this on my Motorbike Forums, well on the main WP powered page to encourage people / visitors to view/join our forums.. Voted for your plugin on jquery.com, Thanks again

  2. Hi,

    Thanks for your comment and for choosing Sliding Panel for your forum! Please let met know when it will be used online so that I see how it is being used.

    By the way, I plan a new release with a few improvements in mouseover management to ensure a more consistently working plugin.

  3. Bonjour,

    Bon plugin, je suggère l’ajout d’un paramètre supplémentaire pour le positionnement fixed.
    (Pour avoir toujours le déclencheur au même endroit qqsoit le scroll)

  4. Bonjour Eric,

    Cela pourrait effectivement être une bonne idée. J’y penserai pour la prochaine version, merci pour votre contribution.

    Dès que j’ai un peu de temps pour y travailler, je m’y mets !

  5. fake hermes birkin price Sliding Panel | The WebApp Wizard

  6. You actually make it appear really easy along with your presentation but
    I in finding this topic to be really something which I believe I would never understand.
    It sort of feels too complex and very wide for me. I am looking forward to your subsequent publish, I will attempt to get the hold
    of it!


Leave a comment

(required)

You can use basic HTML to enlighten your comments. If you want to post some code, please use the <pre> tag. You can also use syntax coloring by adding class="syntax [language]". <pre class="syntax js"> will color your code as if it was JS code for instance.