Как получить изображение, которое появляется, когда кто-то нажимает флажок

Question

Я хочу, чтобы немного счастливого лица всплыло и исчезло после того, как кто-то нажмет на него флажок. Есть ли простой способ сделать это с помощью jQuery?

Answer 1

Да, вы можете сделать это, выполнив смещение вашего флажка. Установите положение своего значка в окне события щелчка и спрячьте его после задержки.

Но elclanrs сказал, что вы должны ясно, как ваш макет, HTML, CSS и что вы делали до сих пор

Answer 2

Это зависит от того, что вам нужно точно. В любом случае, вы можете делать все, что хотите. Предположим, у вас есть флажок с ид = mycheckbox и IMG с идентификатором myimage (изображение имеет стиль = «дисплей: нет;»)

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(); 
    } 
});