I created the map, but them started messing around and wanted to add the javascript aspect to it so it would have the hide/show. I tweeked my previous code so it would match up with this page and the body would appear on the click rather than the form in the previous bookmark.
By clicking on the "Leave A Comment" link the email form appears. I just cannot figure out how to make the email vaidation code to stick. I am still a little confused on where to put the second function script.
I did this page for my personal web site. If you have seen the first, rough draft so to say of my sight, you will notice I have taken out the links as I am working on the site. But the links to the past projects work fine. If you click on the plus sign, you will see a description of the project, and if you click on the minus sign, the description will hide. I liked this idea because with all the descriptions on the page, the page looked too text heavy. This method allows the user to pick and choose which site they want to know more about, while not being overwhelmed or distracted by other text.
In this assignment, I used jquery to hide elements on the page. When you click on the header "Mama Z's Sugar Cookies" everything slides up and all you are left with is the See Comments button which you can click on to see well, the comments.
I revisited my comment/recipe page and toggled visibility for said comment form. To make it available on non-Javascript enabled broswers, I found a form that sends a user to different links depending on whether or not Javascript is enabled. Thus this is the 'filter' page, if you will. If you're interested in the links to these simple codes, I hid the links in the course code. Ta da.
Credit because it works. But...
This is a great reason to use jQuery. It's unobtrusive, so to anyone visiting the site normally, the form will show up. Only for those with javascript would it be (at first) hidden.
I've begun to create the professor ratings page that I plan to complete for the final module. Here, I use javascript to display the form or hide the form depending on user input. If someone has javascript deactivated, those buttons do not appear (so as not to confuse them when they wouldn't work anyway). Hope you like it! I plan to build on this for the next module.