Header pull down

[jshjohnson]

Hello,

Okay I am beginning some client work (http://dl.dropbox.com/u/133074/Medical%20Futures/index.html) and I would like for the header to drop down when a navigation link is clicked on – so the page is filled with purple and the content for that specific page appears.

I assume this is possible? How difficult would this be to achieve?

Thanks,

Edit: I’d like the pages to look something like this: http://dl.dropbox.com/u/133074/Medical%20Futures/about.html – so the purple bar drops down when the page is clicked (without the browser refreshing) and this appears

[MisterC]

#dropdown {

display: none;

}

$('#link').click(function(){

$('#dropdown').html('whatever you want to do');

$('#dropdown').slideDown();

});

Something like that?

[enjay]

I wonder if this codepen might help you…http://codepen.io/mmoustafa/pen/lBwhv

[MisterC]

Just have the content inside the hidden div, I’m not sure what you’re looking for.

[enjay]

I don’t think you would be able to do that without something in PHP or the like. Separate pages = new HTTP request = refresh, if I’m not mistaken.

[Author]

Posts