Esconder Div's Dinamicas

[weslley clyton 0]

Olá pessoal.. é a primeira vez que posto uma dúvida neste forum..

 

estou com um problema pequeno mas que nao consigo resolver..

 

ja pesquisei varios codigos na internet sobre como esconder o exibor uma div através de um botão.

 

até ai beleza. o problema é que de todas as veses que eu testei os codigos pedem um nome fixo para uma div . assim a função busca a div a ser processada.

 

mas quando eu tenho esta div em um loop todas as divs vao ter o mesmo id assim quando eu clico no botão para fechar a div a função processa todas as divs fasendo assim com que todas fechem e ebram com o mesmo botão sendo que respectivamente cada uma teria que abrir e fechar com seu próprio botão.

 

 

Vocês poderiam me ajudar? desde já agaradeço.

[William Bruno 1501]

Não pode repetir ids numa mesma página.

ID é um identificador único.

 

Nesse caso, vai te valer apena, trabalhar com o this

assim, você não precisará de ids..

[weslley clyton 0]

Não pode repetir ids numa mesma página.

ID é um identificador único.

 

Nesse caso, vai te valer apena, trabalhar com o this

assim, você não precisará de ids..

 

 

poderia citar um exemplo para eu poder ter uma idéia de como seria??

[Jonathan Queiroz 1]

Seria algo assim:

function funcao(){
if(this.style.display=="none"){
  this.style.display="block"
}else{
  this.style.display="none"
}
}

É só chamar essa função no evento onclick do elemento.

 

Obs.:

Evite criar vários elementos com o mesmo id, visto que o objetivo desse atributo é servir como identificação única.

[Jonathan Queiroz 1]

Seria algo assim:

function funcao(){
if(this.style.display=="none"){
  this.style.display="block"
}else{
  this.style.display="none"
}
}

É só chamar essa função no evento onclick do elemento.

 

Obs.:

Evite criar vários elementos com o mesmo id, visto que o objetivo desse atributo é servir como identificação única.

[weslley clyton 0]

Seria algo assim:

function funcao(){
if(this.style.display=="none"){
  this.style.display="block"
}else{
  this.style.display="none"
}
}

É só chamar essa função no evento onclick do elemento.

 

Obs.:

Evite criar vários elementos com o mesmo id, visto que o objetivo desse atributo é servir como identificação única.

 

 

desculpe.. nao entendi direito.. olha o meu botão que vai faser a chamada para mostrara div também esta dentro do while..

 

melhor que explicar.. vou mostrar o codigo

 

 

//função do javascript aq esta com o jquery.. mas se houver uma solução sem ele tbm serve..

               <script type="text/javascript"> 
   $(document).ready(function(){
	  
	  $('#conteudo').hide();
   
      $('a#exibir').click(function(){
			
		$('#conteudo').show('slow');
   
   	   });
   
      $('a#ocultar').click(function(){
							   
   		$('#conteudo').hide('slow');
      })
   
});
</script>




            <? while($mostra = mysql_fetch_array($teste) ){?>
                <table width="553" cellpadding="0" cellspacing="0">
                  <tr>
                    <td style="padding-top:20px;">
                      <input type="button">//botão que fara a div aparecer
                      <div> //div que sera exibida e escondida
                          <? if(!empty($mostra['foto1'])){?>
                        <div class="bordafoto" style="float:left; margin-right:10px;">
                          <a href="img/fotos/<?=$mostra['foto1']?>" rel="example1" >
                            <img src="img/fotos/minis/<?=$mostra['foto_mini1']?>" border="0" />
                          </a>
                        </div>
                      <? }else{?>
                      	<div class="bordafoto" style="float:left; margin-right:10px;">
                            <img src="img/semfoto_fotos.png" />
                        </div>
                      <? }?>
                     </div>
                     <input type="button">//botão que fara a div esconder
                     </td>
                  </tr>
                </table>
           <? }?>