Lab 10: First JQuery Document

      After we have learned the fundamentals of how to use JQuery in Khan Academy, the amazing free website of knowledge, the website the helped me on my math exams, JavaScripts, and even my SAT, we finally get to make our own website using JQuery. The task is simple, we only have to create an object, an example can be boxes of different sizes or colors which that one is hiding, one showing, one fading in, and one fading out using JQuery. It was very easy, mostly because I fully completed the whole JQuery tutorial in Khan Academy unlike some... I was too easy so I tried to add something more to it.

      Instead of making boxes with CSS, I decided to use the images that I took last year at Gantry Plaza State Park, it's an amazing place, I still hang out there with my friends once in a while, when we have the time...school keeps us very busy. I didn't wanted to have everything in the way it already it, so I wanted to create a button that can change everything only it you click it. And if I was to create a button, what if the user wanted to swich everything back again? so I made two buttons instead of one, one is to trigger the function to hide, show, fade in, or fade out the images. Then after you clicked this button, it will also toggle (something I've learned in Khan Academy that was not required for this lab) this existing button and the hidden button that switches everything back. The other button will unhide, unshow, and fade back the images, puting back things to its original state. I also remembered the slideDown JQuery function from Khan Academy, so I added into this lab as will. To do this, I combined all of what I already learned before with the new things. I really impressed myself that I made this happen. I was also the very first to complete this lab and was wishing to have a few extra points added to my grades...but it didn't...well, at least I got 10/10 in it...