I'm sure this question has a simple answer, it's just stumping me...

I have multiple (about 15) tooltips based on your "Fancy" and "Pretty"
demos that are attached to a series of HTML labels.

All the tooltips use the same parameters:
        track: true,
        delay: 0,
        showURL: false,
        showBody: " - ",
        fixPNG: true,
        left: 30,
        top: -100,

Its only the "extraClass:" that differs.

How can i reduce code by stating the tooltip parameters just once for
all tooltips, and then change the extraClass per tooltip?
So the final code looks something like this:

$(function() {
$('.tooltip01, .tooltip02, .tooltip03').tooltip({
        track: true,
        delay: 0,
        showURL: false,
        showBody: " - ",
        fixPNG: true,
        left: 30,
        top: -100
});
$('.tooltip01').tooltip({       extraClass: "tooltip01_css" });
$('.tooltip02').tooltip({       extraClass: "tooltip02_css" });
$('.tooltip03').tooltip({       extraClass: "tooltip03_css" });
});



Reply via email to