誰かがチェックボックスをクリックしたときに画像が表示されるようにするには

Question

誰かがチェックボックスをクリックすると、ちょっとした笑顔が浮き上がって消えてしまいます。 jQueryでこれを行う簡単な方法はありますか？

Answer 1

あなたはチェックボックスのオフセットを見つけることでこれを行うことができます。チェックボックスのクリックイベントでアイコンの位置を設定し、遅れて非表示にします。

しかしelclanrsはあなたのレイアウト、HTML、CSS、これまで何をやった

Answer 2

それはあなたが正確に必要なものによって異なりますどのようにクリアする必要が言ったように。とにかく、このようにしたいことは何でもできます。 は、あなたがたID MYIMAGEとID = mycheckboxとIMGとチェックボックス（画像スタイル=「表示：なし;」を持っている）があると、おそらくあなたは、チェックボックスの上に画像を表示し、非表示にする必要がある

jQuery("input[id=mycheckbox]").click(function(){ 
    jQuery("img[id=myimage]").fadeIn('slow');//if you want animated 
    //or simply 
    jQuery("img[id=myimage]").show(); 
}); 

をあなたのようなことを行うことができますクリックしてくださいこの

jQuery("input[id=mycheckbox]").click(function(){ 
    if(jQuery("img[id=myimage]").is(":visible")){ 
     jQuery("img[id=myimage]").hide(); 
    }else{ 
     jQuery("img[id=myimage]").show(); 
    } 
});