Jqueryが値を比較して壊れてしまいました

Question

これは質問のための膨大な量のコードですが、基本的にこれが機能していましたが、それを調整しようとしました。誰も問題を見つけることができますか？実際にはカップルがあるかもしれません。

基本的にjqueryを学ぶだけで、入力から値を取得したい場合、ユーザーが比較をクリックすると、ゆっくりと回答のグラフが作成され、あらかじめ設定された「平均」回答最終的に彼らの答えと平均の差を教えてくれるでしょう。

<h2 id="compare">Compare your score with the average</h2> 

<p><a href="#compare" class="run">Compare</a></p> 
<div style="height:400px;position:relative;"> 
<div id="score" style="position:absolute;left:0px;bottom:0px;width:200px;height:2px;background-color:#01DFD7;float:left;"></div> 
<div id="score2" style="position:absolute;left:220px;bottom:0px;width:200px;height:2px;background-color:#FFD;float:left;"></div> 
</div> 

<input id="yourValue" type="text" /> 

<p id="answer"></p> 

<script type="text/javascript"> 
$('.run').click(function(){ 
var theValue = $("#yourValue").val(); 
$('#score').animate({height:'theValue'}, 5000, function(){ 
    $('#score2').animate({height:'200px'}, 5000, function(){ 
     $('#answer#).html("<p>Your Answer: </p>" + theValue); 
    }); 
}); 
}); 
</script> 

Answer 1

{height:'theValue'} - これは引用符で囲んではいけません。引用符は、実際にtheValueの値が必要な文字列を意味します。

$（ '＃answer＃） - 構文が正しくありません。