Estou utilizando jquery / php para acessar a câmera do usuário e tirar foto para um cadastro. E na pagina alterar dados usuário preciso que ao ser carregada mostre a foto gravada no banco em uma div "photodb" e quando clicar no botão tirar foto apareça a nova imagem em outra div "photo" escondendo a div da foto gravada no banco. Como está o código abaixo eu consigo carregar a página com a foto do BD porém ao clicar em tirar foto eu desativo e não sei como fazer aparecer a div photo que está escondida por default.
<?php
<div class='contentarea'>
<div class='camera'>
<video id='video'>WEBCAM não encontrada!</video>
<button id='startbutton' class='btn-toggle' data-element='#photodb'>Tirar foto</button>
</div>
<canvas id='canvas'> </canvas>
<div id='photobd'>
<img src='gera.php?id=$id' border='1'>
</div>
<div id='photo' class='output' style="display: none">
<img src='' border='1'>
</div>
</div>
?>
Não posso usar o evento onclick pois na função do jquery já capta o click e tentei usar o evento ferrou o que está funcionando. Utilizei uma função encontrada aqui no forum mostrar/esconder div e consigo esconder a div photodb mas não sei como fazer aparecer a div photo.
<script>
$(function(){
$(".btn-toggle").click(function(e){
e.preventDefault();
el = $(this).data('element');
$(el).toggle();
});
});
</script>
após isso como faço pra mudar o display:none da div photo para aparecer?