Comments on: Up and Down slider using JQuery

By: Claudio (aglioeolio)

Claudio (aglioeolio) — Tue, 19 Jul 2011 11:11:49 +0000

To set defaul state to closed add:
display:none;

to css ID:
#top-panel

and invert the script text/imgs states

By: PS Web-design

PS Web-design — Wed, 11 May 2011 16:50:14 +0000

How do you get the slider to slide down over the page content? I am using in in a sample template and it always pushes the content down.

By: Nelke

Nelke — Sun, 27 Mar 2011 05:05:27 +0000

What about Cookie to keep it closed if already closed one time?

By: Amanda

Amanda — Thu, 20 May 2010 23:12:21 +0000

Really nice… that’s why i love jQuery.

By: Rich

Rich — Tue, 23 Mar 2010 12:13:19 +0000

Hey Chad, You can actually take a look at another post I wrote. That might help you since its “kind of” what you are looking for.

Rotated Background with Slide Up menu using jQuery and CSS

What you are looking for is really the slide up menu part of it.

Hope that helps.

By: Chad

Chad — Sat, 20 Mar 2010 23:21:09 +0000

how do you do it in reverse?

as shown on this site?

http://www.imglobal.com/index.aspx

By: Peter

Peter — Tue, 01 Dec 2009 20:13:51 +0000

is there an option of having the default hidden? where you click on show and the rest drops down?

By: BeBeN

BeBeN — Sun, 22 Nov 2009 15:42:23 +0000

great great…so dynamic

By: Shahriar Hyder

Shahriar Hyder — Mon, 12 Oct 2009 05:12:09 +0000

Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/

By: Rich

Rich — Tue, 03 Feb 2009 21:46:49 +0000

@Neil, Thanks! that was exactly where I had seen it. I feel better now knowing that he can get his proper credit (Antonio Lupetti's moo-tools example) @Bennor, I think you are right. most developers; I believe, get around it by using jquery easing plugin, but moo-tools seems to have a better grasp at this. (but i will stay with jQuery). @badger, sure! add display:none; to the #top-panel{} css and change the Show in the sub-panel div to Hide. Hope that helps. @Adeline, he used moo-tools and he calls the moo-tools JS in his example. same way I call the jQuery.js. I dont use any other plugins in this example, but the call to jQuery.