JavaScriptアニメーションが機能しません

Question

幅または右の位置を変更したいですが、どちらも機能しません。

これは、（私はjQueryのリンクしている）私は私のHTMLファイルに含まれたものである：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#slide").click(function(){ 
     $('#contact-wrap').animate({ 
      right: '0' 
     }, 500);  
    }); 
}); 
</script> 

私は「スライド」にアンカーのIDセットを持っていると私は「接触ラップ」という名前のdivをしたいですその負の権利値から0に変更する。私はJSコードが間違っていると推測している。

Answer 1

私はあなたのjavascriptをテストしました。それは問題なく表示され、それに応じてdivをスライドさせます。私のテストHTML、CSSおよびJScriptは、次のとおりです。

CSS：

#contact-wrap 
{  
    height: 30px; 
    width:10px; 
    border:solid 1px black; 
    display: block; 
    position:absolute;right:-200px; 
} 

HTML：

<a id="slide">test</a> 
<div id="contact-wrap"></div> 

のjavascript：

$("#slide").click(function(){    
    $('#contact-wrap').animate(
     { right: '0' }, 
     500);    
});