¿Cómo hago para no tener que repetir por cada div un ID?

[germangutierrez]

1) Modificastes los ids
2) los pusistes el mismo id , esto siempre genera quilombo, como todos se llaman igual depende del browser te va a tomar solo el primero o solo el ultimo
3) prueba con

Código HTML:

<div class="stay-tooltip-target tooltip-target" id="stay-target-1">Botón 1</div>
<div class="stay-tooltip-target tooltip-target" id="stay-target-2">Botón 2</div>
<div class="stay-tooltip-target tooltip-target" id="stay-target-3">Botón 3</div>
 

Código HTML:

<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-1">Texto 1</div>
<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-2">Texto 2</div>
<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-3">Texto 3</div>
 

Iniciado por ceaped

Hola germangutierrez
Mira así lo hice:

Código Javascript:

$(document).ready(function(){
$("div[id^=stay-target-]").ezpz_tooltip({
contentPosition: 'belowStatic',
stayOnContent: true,
offset: 0
});
});
 

Botón que carga el tooltip

Código HTML:

<div class="stay-tooltip-target tooltip-target" id="stay-target-">Botón 1</div>
<div class="stay-tooltip-target tooltip-target" id="stay-target-">Botón 2</div>
<div class="stay-tooltip-target tooltip-target" id="stay-target-">Botón 3</div>
 

Contennedor de cada tooltip:

Código HTML:

<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-">Texto 1</div>
<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-">Texto 2</div>
<div class="stay-tooltip-content tooltip-content marco_tooltip" id="stay-content-">Texto 3</div>
 

Pero sólo me queda cargando el primero.

Gracias por tu ayuda