Grow your CSS skills. Land your dream job.

Sliding Larger Image Under Selected Thumbnail

  • # July 3, 2012 at 4:09 pm

    http://jsbin.com/ovodeb/10/edit

    I am having trouble using the .slidetoggle function, the actual sliding works, but not in relation to the entire page.

    My webpage is organized on a set of thumbnails in a grid organization, when you click a thumbnail, a larger image will slide down, thus pushing the other thumbnails downward. But when I click on the thumbnail, the larger image will slide down, but it does NOT push down the thumbnails underneath, it just goes infront of them (Z-index)

    I am still new to Jquery so there are a lot of functions that I still need to learn. I searched for 2 days so far, but to no avail. I noticed that some people may use SlideUp and SlideDown functions, while others will put in the “var” and “if”, but this is all over my head, someone please help!

    Here is my JSBin:

    http://jsbin.com/ovodeb/10/edit

    Here is an example of a web page that has very similar functionality characteristic that I am looking for : http://www.michaelnagy.at/

    Thank you!

    # July 7, 2012 at 2:12 pm

    Anyone?

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".