Forums

jshjohnson

Hello,

Okay I am beginning some client work (http://dl.dropbox.com/u/133074/Medical Futures/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 Futures/about.html - so the purple bar drops down when the page is clicked (without the browser refreshing) and this appears

jshjohnson

bump

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

jshjohnson

Both of these examples would require the content to be hidden on one page - any way of doing it so actual pages appear instead of hidden divs. It's a fairly big website so having all the content on one page would slow the site right down

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.

jshjohnson

I've achieved pulling pages without refreshing with the content pages http://darynjohnson.com/Medical Futures/the-judges.php - I would just like some sort of transition between the home page and content pages without the page loading (such as the header pulling down for example)

treehouse : what would you like to learn today?

Forums

Header pull down