Boas pessoal,
Estou aqui com uma pequena dúvida, nem sei se é possível fazer o que pretendo, mas aqui vai...
http://dev.activecard.pt/portfolio3/cartao-hotel.html
Ao clicar em "clicar / ver mais", abre-se uma nova tabela que contém uma div que está dentro de outra div. O que eu pretendia era "simples"...era que quando se clicasse em "ver mais / fechar", este botão se escondesse...ou seja, que apenas fica-se visível o botão fechar (em baixo). Senão parece que anda ali perdido no meio...esteticamente não fica muito bonito.
O código é este:
Código :
Código :
CSS julgo não ser necessário...mas se quiserem também posso colocar.
Se alguém souber, agradecia bastante![Imagem Colocada]()
Estou aqui com uma pequena dúvida, nem sei se é possível fazer o que pretendo, mas aqui vai...
http://dev.activecard.pt/portfolio3/cartao-hotel.html
Ao clicar em "clicar / ver mais", abre-se uma nova tabela que contém uma div que está dentro de outra div. O que eu pretendia era "simples"...era que quando se clicasse em "ver mais / fechar", este botão se escondesse...ou seja, que apenas fica-se visível o botão fechar (em baixo). Senão parece que anda ali perdido no meio...esteticamente não fica muito bonito.
O código é este:
Código :
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
$('.show_hide').click(function(event){
event.preventDefault();
})
});
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
$('.show_hide').click(function(event){
event.preventDefault();
})
});
Código :
<div class="galeria" >
<table width="758" border="0" cellpadding="5">
<tr>
<td width="241"><img src="imagens/portfolio-malo.png" width="250" height="80" /></td>
<td width="241"><div align="center"><img src="imagens/portfolio-lojadasmeias.png" width="251" height="80" /></div></td>
<td width="238"><img src="imagens/portfolio-adenepq.jpg" width="250" height="80" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><img src="imagens/portfolio-banco-equador.png" width="251" height="80" /></td>
<td><img src="imagens/portfolio-hora.png" width="250" height="80" /></td>
<td><img src="imagens/portfolio-douglas.jpg" width="250" height="80" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="80"><img src="imagens/portfolio-remax.jpg" width="250" height="80" /></td>
<td><img src="imagens/portfolio-mercedes.png" width="251" height="80" /></td>
<td><img src="imagens/portfolio-IST.jpg" width="251" height="80" /></td>
</tr>
</table>
</center>
<center> <div class="bla1"><a href="#" class="show_hide">Ver Mais / Fechar</a><br /></div>
<div class="slidingDiv">
<table width="762" border="0">
<tr>
<td width="250"><img src="imagens/portfolio-ace.png" width="251" height="80" /></td>
<td width="249"><img src="imagens/portfolio-acordarte.jpg" width="251" height="80" /> </td>
<td width="249"><img src="imagens/portfolio-adenepq.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td><img src="imagens/portfolio-banco-equador.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-hora.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-douglas.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td><img src="imagens/portfolio-remax.jpg" width="250" height="80" /></td>
<td><img src="imagens/portfolio-mercedes.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-IST.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td width="250"><img src="imagens/portfolio-ace.jpg" width="251" height="80" /></td>
<td width="249"><img src="imagens/portfolio-acordarte.jpg" width="251" height="80" /> </td>
<td width="249"><img src="imagens/portfolio-adenepq.jpg" width="251" height="80" /></td>
</tr>
</table>
<div class="bla2"><a href="#" class="show_hide">Fechar</a></div>
</div></center>
</div>
<table width="758" border="0" cellpadding="5">
<tr>
<td width="241"><img src="imagens/portfolio-malo.png" width="250" height="80" /></td>
<td width="241"><div align="center"><img src="imagens/portfolio-lojadasmeias.png" width="251" height="80" /></div></td>
<td width="238"><img src="imagens/portfolio-adenepq.jpg" width="250" height="80" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><img src="imagens/portfolio-banco-equador.png" width="251" height="80" /></td>
<td><img src="imagens/portfolio-hora.png" width="250" height="80" /></td>
<td><img src="imagens/portfolio-douglas.jpg" width="250" height="80" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="80"><img src="imagens/portfolio-remax.jpg" width="250" height="80" /></td>
<td><img src="imagens/portfolio-mercedes.png" width="251" height="80" /></td>
<td><img src="imagens/portfolio-IST.jpg" width="251" height="80" /></td>
</tr>
</table>
</center>
<center> <div class="bla1"><a href="#" class="show_hide">Ver Mais / Fechar</a><br /></div>
<div class="slidingDiv">
<table width="762" border="0">
<tr>
<td width="250"><img src="imagens/portfolio-ace.png" width="251" height="80" /></td>
<td width="249"><img src="imagens/portfolio-acordarte.jpg" width="251" height="80" /> </td>
<td width="249"><img src="imagens/portfolio-adenepq.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td><img src="imagens/portfolio-banco-equador.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-hora.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-douglas.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td><img src="imagens/portfolio-remax.jpg" width="250" height="80" /></td>
<td><img src="imagens/portfolio-mercedes.jpg" width="251" height="80" /></td>
<td><img src="imagens/portfolio-IST.jpg" width="251" height="80" /></td>
</tr>
<td> </td>
<td> </td>
<td> </td>
<tr>
<td width="250"><img src="imagens/portfolio-ace.jpg" width="251" height="80" /></td>
<td width="249"><img src="imagens/portfolio-acordarte.jpg" width="251" height="80" /> </td>
<td width="249"><img src="imagens/portfolio-adenepq.jpg" width="251" height="80" /></td>
</tr>
</table>
<div class="bla2"><a href="#" class="show_hide">Fechar</a></div>
</div></center>
</div>
CSS julgo não ser necessário...mas se quiserem também posso colocar.
Se alguém souber, agradecia bastante
