Tenho vários registros em PHP, e ao clicar em um link "Mais informações" abre uma <div>
oculta, porem ao clicar nessa link abre a <div>
oculta de todos os registros.
Meu código do Javascript é o seguinte:
function abreFecha(sel) {
$(sel).slideToggle();
}
css:
.mapa{
display:none;
}
link:
<div class="maisinfo"><a href="javascript:abreFecha('.mapa')">+</a></div>
div:
<div class="mapa"> <?php echo $row_RS_busca['mapa']; ?> </div>
E outro detalhe, tudo isso está dentro de um PHP do. Ou seja está mostrando todos os registros.
Como pedido! Estou postando a estrutura do html
<?php do { ?>
<div class="caixa">
<div class="maisinfo"><a href="javascript:abreFecha('.mapa')">+</a></div>
<table width="510" height="72" border="0" cellpadding="0" cellspacing="4">
<tr>
<td width="15" rowspan="3" align="left" valign="top"><p> </p></td>
<td height="31" colspan="2"><span class="style5"><?php echo $row_RS_busca['nome']; ?></span></td>
</tr>
<tr>
<td width="29" height="16" align="left" class="style3"><img src="imagens/tel.png" width="10" height="15" /></td>
<td width="450" align="left" valign="bottom" class="style6"><?php echo $row_RS_busca['telefone']; ?></td>
</tr>
<tr>
<td height="17" align="left" class="style3"><img src="imagens/local.png" width="10" height="17" /></td>
<td align="left" valign="top" class="style6"><?php echo $row_RS_busca['endereco']; ?></td>
</tr>
</table>
</div>
<br/>
<div class="mapa"> <?php echo $row_RS_busca['mapa']; ?> </div>
<?php } while ($row_RS_busca = mysql_fetch_assoc($RS_busca)); ?>
.mapa
podias passar um elemento, ou outro seletor mais específico... se colocares a estrutura do HTML isso é fácil de resolver..mapa
que está a seguir à div.caixa
onde clicas no link dentro de.maisinfo
, correto?