CODEWITHSUNDEEP
jquerycssdrop-down-menuhiddenslide
ThisLanham
ThisLanham

Reputation: 745

How to use jquery to have hidden menu drop down at top of page?

I've seen this done before, but I'm not sure how.

When my page loads, I want a hidden section to drop down at the top of the page (probably around 100 pixels in height). Ideally, I'd like it to shift the entire page down as well (as opposed to appearing on top of the page). At the top corner of the secret area should be a 'Close' button, which when clicked causes the actual page to slide up and cover section.

I know there's a name for this, but I'm not sure what it is. I'm assuming it's jquery-related.

Can anyone point me in the right direction?

Upvotes: 0

Views: 1845

Answers (3)

Daren Schwenke
Daren Schwenke

Reputation: 5478

Well, there is a UI plugin called Dialog that I use alot. It is a pop-over though, but will show even if the user is scrolled down on the page.

Upvotes: 0

Russ Cam
Russ Cam

Reputation: 125488

StackOverflow has it, and it's basically a <div> that appears right after the opening <body> tag. Simply style appropriately when you need to.

Upvotes: 0

marcgg
marcgg

Reputation: 66436

Lookup jquery show, it should work fine : http://docs.jquery.com/Effects/show

<div id="hiddenMenu" style="display:none"> bla bla bla </div>

<a href="#" onclick="$('hiddenMenu').show('slow'); return false;">show the hidden menu</a>

Upvotes: 1

Related Questions