Ajuda Efeito Simples JavaScript não pega em todas as postagem.!

[yuuhi]

Olá galera beleza tipo eu peguei um efeito em javascript na internet que é basicamente em não tem conteúdo nenhum mas quando você clica ele faz uma animação simples e mostra o conteúdo

Então fiz um sistema simples de postagem em php onde usuário faz formulário e posta os dados e uma page exibir.php vai ler os dados e exibir eles .! Ok quando eu coloco esse efeito só pega na primeira postagem as outras não funciona.!

 

Tipo

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("slow");
    });
});
</script>

o efeito é esse flip é quando usuário clicar vai abrir a div id Painel e assim todo o conteúdo dentro dela.!

no html está assim

<div id="panel"><img src="uploads/<?php echo $ln->thumb; ?>" width="140" height="90" /></div>

a <div id="painel">contéudo</div> tudo que ficar dentro da div painel vai ficar escondido só vai dar pra ver se clicar no botão que tiver um id = FLIP

 

como vocês podem ver na imagem está assim as postagem esse clique aqui quando clica aparece a imagem

post images

Quando Clica aparece o contéudo que está dentro da div painel como vocês podem ver poxa,! maneiro aih vocês falam funcionando certinho cara mas eaiih,!

o eaiih e que a postagem de baixo não está indo quando clico em mostrar e queria que vocês me ajudem como pude-se resolver isso pra cada postagem o botão que tá com flip duplicar como ele está duplicando e quando clica em cada uma das postagem abrir a imagem e não só na primeira O.O''

Só a primeira postagem o botão clique aqui para mostar está funcionando as postagem debaixo não está funcionando me ajudem aew awoo ;=;

take a screenshot

mas quando clico pra aparecer a de baixo não vai alguém sabe o'que preciso muito fazer isso logo alguém poderia me ajudar .????

 

 

Editado Outubro 9, 2016 por yuuhi