Home/ Questions/Q 9246445
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T09:29:26+00:00

I’m new to jQuery, but not new to programming. Still I cannot find out

  • 0

I’m new to jQuery, but not new to programming. Still I cannot find out whats wrong with this simple piece of code:

$(document).ready(function() {
    $('.footer').click(function() {
        $('.footer').fadeOut('slow');
    });
});

It won’t work on my own website, but it does work when I use codeacademy.
What is wrong with this?

Edit: Awhile ago I made this question. It was a simple thing I did not understand back then when I started jQuery. The solution was to import the library first before taking any other actions in javascript. The code did work in codeacedemy because the library is automatically imported. This is very important to know for each beginner, but this piece of infomation is everywhere on the web.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Few checkpoints…

    Make sure you include the jQuery library, inside your <head>.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

    If that’s fine, do you have an element with the class .footer? If not, is it an ID? In that case, you need to add this:

    $(document).ready(function() {
    $('#footer').click(function() {
        $('#footer').fadeOut('slow');
    });
});

    Actually, this can be done in another best way:

    $(document).ready(function() {
    $('#footer').click(function() {
        $(this).fadeOut('slow');
    });
});
    • 0