Question

http://www.dennys.com

I’m wondering how the top navigation was programmed, From the source code I see javascript but I am hoping someone could recommend a resource / tutorial in learning how they built both the top navigation and the siding feature.

Many thanks.

Answer 1

I doubt anyone has written a tutorial on how Denny’s made a website.

But through some playing in the console, I found they use jQuery, which comes with many effects. To bring the navigation down, they probably use something like..

$('#navigation-button').mouseenter(function () {
    $('#navigation').slideDown();
});

I have something similar set up here.

Don’t use any of that code directly. It’s just quickly written garbage. It’d need quite a bit of tweeking for production.