Animate values give error

JavaScript
1

I am new to jQuery, and i am making something to work. i got <li><img src=“”></li> and below it, is the title of it wrapped in <div>Flowers</div>, what i am trying to do it, when someone mouseover on images in listed item, the title display and when someone rollout, it disappear. following is my code, it gives me error on animation property, here is the

(http://jsfiddle.net/57z7r/2/)
2

Hi there,

Something like this perhaps?
Fiddle

3

I updated the Fiddle , now have a look. what i want is the class toolTip to slideup when i rollover the image and slidedown and opacity falls to zero as it slides down to hide.

4

Have a look at using slideUp() and [URL=“http://api.jquery.com/slideDown/”]slideDown() instead of show() and hide()

5

I know the effects, but i dont know, how to implement. have a look has the fiddle now. btw what does next() do?

6

Replace hide() with slideUp() and show() with slideDown()
It’s that simple :slight_smile:

You posted a thread a while back asking how to become a better developer.
Please don’t take this the wrong way, but reading the documentation would help.

The time it took you to ask this question, would have been better spent reading the first sentence of the next() documentation page:

Description: Get the immediately following sibling of each element in the set of matched elements.

7

Documentation is too techy for me, sometimes i don’t get it. no offense taken. i am a slow learner!