How to optimize multiple jQuery events?

Question

How can I make it more easier?

$("#one").click(function() { $("#container").fadeOut(200); }); $("#two").click(function() { $("#container").fadeOut(200); }); $("#three").click(function() { $("#container").fadeOut(200); }); $("#four").click(function() { $("#container").fadeOut(200); });

Answer 1

Either add class to each element .class

$('.class').click(function () {
    $("#container").fadeOut(200);
});

or combine the ids to the selector

$('#one,#two,#three,#four').click(function () {
    $("#container").fadeOut(200);
});