CODEWITHSUNDEEP
jqueryzurb-foundation
jrabary
jrabary

Reputation: 2441

Drop down div with zurb foundation

I'm trying to implement a drop down div similar to that we have when we go to the zurb foundation site http://foundation.zurb.com and click on the cross next the foundation brand. When doing this a div is inserted between the navbar and the panel.

How can I do something similar using foundation ?

Upvotes: 0

Views: 1258

Answers (1)

J.G.Sebring
J.G.Sebring

Reputation: 5964

This is not a foundation-specific feature but a jQuery effect, namely slideDown.

You can apply this to any element, let's say one of your foundation rows that is initially hidden using display:none;.

Something like this:

$('#actionBtn').bind('click', function() {
    $('#hiddenRow').slideDown();
});

jQuery - slideDown

W3Schools - jQuery - slideDown

Upvotes: 1

Related Questions