Question

Why doesn’t this work?

$("#left").hover(
    function () {
        $("#left .more").animate({height:"120px"}, 500);
    }
);

I can’t for the life of me figure it out.

Answer 1

A wild shot in the dark because you haven’t shown any HTML.

Wait for document.ready before binding events because the DOM tree hasn’t loaded when the JS gets executed:

jQuery(function ($) {
  //code goes here
});

---

Alternatively, you could bind your events using live or delegate so that they’re correctly executed even after additional DOM elements are inserted:

$('#left').live('hover', function...);