Hola amigos, soy nuevo en jquery y quisiera saber si me pueden ayudar con unos scrips
lo que quiero hacer es lo siguiente: Tengo un div que al pincharlo hace aparecer dos nuevos divs. La idea es que esto funcione como un tooltip o hotspot... que al presionarlo me muestre otro contenido en un div que se despliega... el problema es que si repito esta misma estructura en el html y pincho sobre un elemento se abren todos, este es el script que estoy ocupando:
$(".hot").click(function () { $(".spot").show("fast"); });
$(".hot").click(function () { $(".hot2").fadeIn("fast"); });
$(".hot2").click(function () { $(".spot").hide("fast"); });
$(".hot2").click(function () { $(".hot2").fadeOut("fast"); });
y este el HTML
<div class="h01" style="width:20px; height:20px; position:absolute; top:200px; left:350px;">
<div class="hot" style="width:20px; height:20px; background-color:#F90; position:absolute; line-height:20px; font-size:17px; text-align:center; color:#FFF; cursor:pointer;">+</div>
<div class="hot2" style="width:20px; height:20px; background-color:#F90; position:absolute; line-height:20px; font-size:17px; text-align:center; color:#FFF; display:none; z-index:500; cursor:pointer;">x</div>
<div class="spot" style="width:200px; height:100px; background-color:#09C; display:none; margin:10px; top:10px; border:dashed 1px #CCC;"></div>
</div>
es posible utilizar un "this" para abrir sólo el elemento que estoy pinchando y no todos los elementos...? y como sería..??
Gracias !!!
