Comments on: How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

By: Abdulqadir

Abdulqadir — Wed, 03 Aug 2011 03:21:38 +0000

Thanks for sharing the code… I was looking for the thrid one… :)

By: Thomas O'Rourke

Thomas O'Rourke — Tue, 02 Aug 2011 09:22:45 +0000

^^ Hi Chugy,
In terms of using ascii codes – these are used in HTML and not CSS. Simply do a Google search to find the ones you’re looking for.

By: Chugy

Chugy — Sat, 30 Jul 2011 09:02:05 +0000

This is great! I do however have a question..

How can I instead of using an image of the plus and minus, use an ascii code via the css to insert a symbol such as + and − so that when a user click on the plus it turns into a minus and vice versa

Any help from anyone would be greatly appreciated.

By: Dejan @ Izdelava spletne strani

Dejan @ Izdelava spletne strani — Wed, 13 Jul 2011 06:21:28 +0000

Thank you… i was wonder for some time how to do that! Thank you for sharing with us!

By: Hardik Viradiya

Hardik Viradiya — Mon, 11 Jul 2011 09:13:53 +0000

Awesome man. Really. And moreover tuts u gave was fabulous. Coz i didnt know much about css can do such things. u tought me that. Thanks…

By: Mass Profit Formula Review

Mass Profit Formula Review — Fri, 08 Jul 2011 20:18:05 +0000

Nice post! Loved reading it this tutorial, could come handy some day!

By: Rogerio

Rogerio — Sun, 26 Jun 2011 20:56:52 +0000

Hi.
This script is amazing. Congratulations.
I used with a little adpts, to show banners at the load of my homepage.

I was trying to toggle the Slide Panel using a link inside the panel.
I got.

To hide the Sliding Panel from a link inside himself use this function:

function closeSlidePanel(){
$(document).ready(function(){
$(‘body’).click(function(){
$(“.panel”).hide(“slow”);
return false;
});
});
}

and in the link inside the panel use:
Close [x]

This way you can put a link “close” inside the panel and not only the trigger button.

By: Mike Lawson of trCreative

Mike Lawson of trCreative — Thu, 16 Jun 2011 09:49:56 +0000

Still looking good 2 years down the line. At least IE9 is supporting CSS3 – make our lives easier as web designers. Just need everyone to stop using IE6!

By: Mimo

Mimo — Wed, 15 Jun 2011 15:05:59 +0000

Thanks for this wonderful tutorial

By: John

John — Wed, 15 Jun 2011 12:51:42 +0000

Great tutorial and great end product – W3C valid too which is always a bonus =].

Cheers!