[ACCEPTED]-Why doesn't jquery fadeIn() work with .html()?-fadein

Accepted answer
Score: 232

No fadeIn is done because the #message element 2 is visible, hide it, add the content and 1 fade it in:

$('#message').hide().html("You clicked on a checkbox.").fadeIn('slow');
Score: 11

after analize this problem, that I have 2 to solve, this is my code, that works to 1 use fadeout, change html and fadein

    $(this).html("<img src='" + str_to_load + "' height='800px' />")
Score: 2

No idea why but I've had trouble chaining 2 this before. You can get the effect you 1 want by using this less elegant code:

google.load("jquery", "1.3.2");

//run when page is loaded
google.setOnLoadCallback(function() {

    $('.checkboxList .row').css('color','red');
    $('.checkboxList input').attr('checked', true);
    $('.checkboxList input').bind('click', function() {
        $('#message').hide(); //just in case
        $('#message').html("You clicked on a checkbox.");


More Related questions