Как сделать ссылки в рабочем меню Javascript «slide out»

Question

Я создал очень простой сайт, используя JQuery и CSS.

С левой стороны находится меню навигации. Каждый пункт меню ссылается на внешний веб-сайт. К сожалению, эти ссылки фактически НЕ РАБОТАЮТ!

Что мне не хватает? Я очень новичок в JS.

Вот JS:

<script type='text/javascript'> 
    $(document).ready(function(){ 
    $('#slideout').hover(function() {screen 
    $(this).animate({right:'0px'}, {queue:false, duration: 500}); 
    }, function() { 
    $(this).animate({right:'-270px'}, {queue:false, duration: 500}); 
    }); 
    }); 
    </script> 

Вот HTML:

<div id="slideout"> 
     <div id="slidefont">selected works</div> 
      <div id="slideout_inner"> 
      <ul> 
      <li> 
      <a href="http://websitegoeshere.com" target="blank">test1</a> 
      </li> 
      <li> 
      <a href="http://websitegoeshere2.com" target="blank">test2</a> 
      </li> 
      </ul> 
      </div> 
    </div> 

Answer 1

Вы можете сделать это без JavaScript нужно только добавить CSS, как этот

li a:hover { 
    padding-left: 10px; 
} 

С JQuery Вы должны добавить это

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 


    <script type='text/javascript'> 
    $("li a").hover(function() { 
     $(this).stop().animate({paddingLeft : "10px"},200); 
    },function() { 
     $(this).stop().animate({paddingLeft : "0px"},200); 
    }); 
    </script> 

DEMO