Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Derrick Lee
Derrick Lee
7,743 Points

Foundation Reveal Modal Help

Hey guys, anyone familiar with Foundation 3 Reveal Modal?

I have a couple of boxes, each of them has an anchor link with a data-reveal id of "findOut" to fire the modal box.

<a href="#" data-reveal-id="findOut" id="brochures"> 

Every box has a different id, it can be brochures, logos, business cards. Upon clicking on any of the box, it opens a "Request for Quotation" form which will have a few fields. It also has a dropdown box where user has to select the item which they are enquiring on.

I want to make it easier for users, by allowing the dropdown box to select the value automatically by determining which box they selected. This is the reason why i gave each box an id.

1 Answer

Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

I've not heard of it before. Do you have a link?

You should be able access the reveal-id by using the data() if you're trying to do it manually.