Подскажите, как подкорректировать код

[GRAF-8269]

исходя из этого http://jsfiddle.net/c2MDe/

Есть блок nav

И меню, ссылки в котором тоже имеют свой id, например, name1, name2 и т.д.

Необходимо, чтобы при наведении мыши на ссылку с id=name1 у блока nav менялся параметр стиля Height.


то, что получилось у меня - не работает

var speed=1000,
        originalHeight=200,
        hoverHeight1=500;
        hoverHeight2=700;
    
    $('#nav').hover(('#name1'){
        $(this).stop().animate({height:hoverHeight1},speed);
    },function(){
        $(this).stop().animate({height:originalHeight},speed);
    })
    $('#nav').hover(('#name2'){
        $(this).stop().animate({height:hoverHeight2},speed);
    },function(){
        $(this).stop().animate({height:originalHeight},speed);
    })

подскажите, пожалуйста

[Viral]

var speed=1000,
        originalHeight=200,
        hoverHeight1=5000;
        hoverHeight2=700;
    
    $('#nav #name1').hover(
      function(){
        $(this).parent().stop().animate({height:hoverHeight1},speed);
      },function(){
        $(this).parent().stop().animate({height:originalHeight},speed);
      });
    $('#nav #name2').hover(
      function(){
        $(this).parent().stop().animate({height:hoverHeight2},speed);
      },function(){
        $(this).parent().stop().animate({height:originalHeight},speed);
      });