クリックすると画像が表示されます

Question

評価が表示されている数字が表示されますが、その数字をクリックすると評価が表示されません。何らかの理由で、背景URLの代わりにユーザーの背景色を使用するとうまくいきます。誰かがこれで私を助けてくれますか？

最終結果は次のようになります。 1 - 数字にカーソルを合わせると、評価画像が表示されます。 2 - 番号を選択すると、そのレーティング画像は表示されたままになります。 3 - 別の番号を選択すると、前の画像が消えている間に評価画像が表示されます。

ここにデモlinkがあります。

Answer 1

どうやってですか？

http://jsfiddle.net/uCZ6q/

HTML：

<div class="button"> 
    <a href="#"><div class="child1">1</div></a> 
    <a href="#"><div class="child2">2</div></a> 
    <a href="#"><div class="child3">3</div></a> 
    <a href="#"><div class="child4">4</div></a> 
    <a href="#"><div class="child5">5</div></a> 
</div> 

CSS：

.highlight 
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; display: block; } 

.child1:hover, .child2:hover, .child3:hover, .child4:hover, .child5:hover 
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; } 

スクリプト：

$("a").click(function(){ 
    $(".highlight").removeClass('highlight') 
    $(this).addClass('highlight'); 
}); 

Answer 2

$("a").click(function(){ 
    $("a div").removeClass('highlight') 
    $(this).find("div").addClass('highlight'); 
});