Carregar SQL sem carregar a página!

Oi gente, estou com um problemão aqui!

Estou fazendo um site ONEPAGE, e dentro deste site tem um submenu, que é onde separa os projetos por categorias.

Por exemplo, no menu tem Branding, Impresso, Website e Todos. E, quando eu clico em Todos, ele lista todos os projetos de todas as categorias (OK). Em cada projeto listado, tem um botão chamado Veja Mas, que, ao ser clicado, abrirá uma div chamada bloco, (que antes estava oculta), para mostrar mais detalhes do projeto.

E aí é que está o problema!

Quando clico no botão Veja Mais, ele deve pegar o ID do projeto que eu cliquei e mostrar a descrição deste projeto, mas queria fazer isso sem recarregar a pagina! Simplesmente, abrir a div oculta e mostrar os detalhes do projeto selecionado!

Acredito que não seja dificil de fazer, mas não consigo de jeito nenhum!!!

Abaixo o código e todos os comentários!

<?php

//para o menu TODOS:

//aqui eu seleciono TODOS os projetos do banco!

 $sql = mysql_query("SELECT * FROM projeto,categoria WHERE categoria_idcategoria = idcategoria");
 while ($row = mysql_fetch_array($sql)) {

 $idprojeto = $row['idprojeto'];
 ?>

<!--aqui é feita a listagem de todos os projetos do BD, (POR AQUI ESTÁ TUDO CERTO!)-->

 <div class="list_proj">
 <div class="imagem">
 <img src="<?php echo $row["imagem_principal"]; ?>" title="<?php echo strtoupper($row['titulo']); ?>" width="305px" height="195px"></div>
 <span class="titulo_proj">
 <?php
 echo strtoupper($row['titulo']);
 ?>
 </span>
 <div class="linha_proj"></div>
 <span class="material_proj">Material:
 <?php
 echo ucwords(strtolower($row['material']));
 ?>
 </span>

<!--aqui é o botao para abrir a div que esta oculta, que é a div .bloco -->

 <div class="quadrado"><a href="javascript:abrirBloco();" class="veja"></a></div>
 </div>

<?php
 } //fecha while principal
 ?>

<!--aqui é a div oculta que deve aparecer ao clicar no botao Veja Mais
Nesta div queria carregar a imagem e a descricao do projeto que eu cliquei,
mas não consigo pegar o id do projeto no sql.
AQUI É O PROBLEMA:
ELE MOSTRA SOMENTE OS DADOS DO ULTIMO PROJETO CADASTRADO NO BANCO!!
-->

<?php
 $sql1 = mysql_query('SELECT * FROM projeto WHERE idprojeto = '.$idprojeto);
 while ($row = mysql_fetch_array($sql1)) { ?>

 <div class="bloco">
 <img src="<?php echo $row["imagem_secundaria"]; ?>" title="<?php echo $row["titulo"]; ?>" id="img_proj" />
 <p id="texto_proj">
 <?php echo $row["descricao"]; ?>
 </p>
 </div>

 <?php } ?>

No código do javascript:abrirBloco(); está:

function abrirBloco(){
 $(".bloco").toggle();
}

Por favor, se puderem me ajudar, agradeceria muito!!