Подчеркнутый анимации с JQuery

Question

Я пытаюсь сделать анимацию с висения на ссылку без успеха, вот мой код:

HTML

<ul> 
    <li> 
     <a class="border" href="#">HOME</a> 
    </li> 
    <li> 
     <a class="border" href="#">TOUR</a> 
    </li> 
    <li> 
     <a class="border" href="#">CONTACTUS</a> 
    </li> 
</ul> 

SCRIPT

$(document).ready(function() { 
    $(".border").hover(function() { 
     $(this).animate({ 
      borderBottom: '2px solid #3399FF', 
      width: '46%' 
     }, 500); 
    }); 
}); 

FIDDLE

Я знаю, что это выглядит очень плохо, но, пожалуйста, помогите!

Я ценю ваше внимание.

Answer 1

Вы не включили библиотеку JQuery ... http://jsfiddle.net/2GJrW/4/

$(document).ready(function() { 
    $(".border").hover(function() { 
     $(this).animate({ 
      borderBottom: '2px solid #3399FF', 
      width : '46%' 
     }, 500); 
    }); 
}); 

Answer 2

Он работает, видим, что там не был загружен JQuery.

Смотрите сейчас:

$(document).ready(function(){ 

     $(".border").hover(function(){ 
      $(this).animate({ 

       borderBottom :'2px solid #3399FF', 
       width:'46%' 


      }, 500); 
     }); 





    });