need help with a sliding div on mouseover
Hey, I've been wrestling with this for a bit - I'm really new to jQuery, and I've been looking through some tuts for something I could repurpose for this but nothing's worked out yet.
What I am trying to do is hide a div just below the bottom of its container - an anchor with hidden overflow, styled with a background image, all of which so far I can do just fine - and then when the user hovers over the container, the div in question (containing a title and description) slides up, only as far as it needs to.
It's for a portfolio, so there are a series of these thumbnails, each with a title and description that needs to slide up (and preferably I pair this with a fade in effect).
I could use some help with this, I'm getting nowhere and I feel like the way I've set it up should make it really easy... any ideas?
you can see what I have so far here:
http://www.projectgreenlight.org/nw/nathanielwolfe.html
(if you mouse over the first thumbnail image, you will see a css rollover done as a sort of mockup)
thanks in advance!