Only displays a record in php [closed]

I have a list showing the records in php, and a hidden div that when clicking the link in each record opens this hidden div with a map. But when I add a record with the map link, it only shows one record.

My code is as follows:

jquery:

  $(function() {
    $(document).on('click', '.caixa .maisinfo a', function() {
        var $this = $(this);

        $this.parent()
            .parent()
                .nextAll( ".mapa:first" ) //Isto vai procurar o mapa a seguir do elemento .caixa
                   .slideToggle();
    });
});

html:

  <?php do { ?>
    <div class="caixa">
      <div class="maisinfo"><a href="javascript:void(0);"><img src="imagens/local.png" width="15" height="20" /></a></div>
    <table width="510" height="72" border="0" cellpadding="0" cellspacing="4">
      <tr>
        <td width="15" rowspan="3" align="left" valign="top"><p>&nbsp;</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" style="display:none;"> <?php echo $row_RS_busca['mapa']; ?> </div></div>
      <?php } while ($row_RS_busca = mysql_fetch_assoc($RS_busca)); ?>