lo he solucionado de la siguiente manera con funciones de javascript
Código:
function tipball(valor)
{
//alert($('#'+valor).css("display"));
//$('#'+valor).poshytip('hide');
$('.botones').poshytip('hide');
$('#'+valor).poshytip({
className: 'tip-darkgray',
content: '¿Quieres borrarlo?<br><input type="button" value="si" class="botones" /><input type="button" value="no" onclick="cancelar(\''+valor+'\')" />',
showOn: 'none',
alignTo: 'target',
alignX: 'inner-left',
offsetX: 0,
offsetY: 5
});
$('#'+valor).poshytip('show');
}
function cancelar(valor)
{
//alert("cerrando:"+valor);
$('#'+valor).poshytip('hide');
}
y el body
Código:
<input id="boton_0" type="button" value="button" class="botones" />
<input id="boton_1" type="button" value="button" class="botones" onclick="tipball(this.id)" />
<input id="boton_2" type="button" value="button" class="botones" onclick="tipball(this.id)" />
<input id="boton_3" type="button" value="button" class="botones" onclick="tipball(this.id)" />
<input id="boton_4" type="button" value="button" class="botones" onclick="tipball(this.id)" />
<input id="boton_5" type="button" value="button" class="botones" onclick="tipball(this.id)" />
y ya me funciona, que es lo que hace
1.-mostrar el tooltip por cada boton que oprima
2.- si se precionan otro boton se cierrar el alterior y muestra el nuevo tooltip del boton correspondiente