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