[Resolvido] Jquery não é aplicado em todas as DIVs

[marcelo2605 10]

Criei o seguinte código para expandir DIVs criadas dinamicamente (php, mysql) na página:

 

$(document).ready(function() {
  $("#hide").hide();
  $("#btn_showHide").html("mais");   
  $('#btn_showHide').toggle(
     function () {$('#hide').show('slow'); $('#btn_showHide').html("menos");},
     function () {$('#hide').hide('fast'); $('#btn_showHide').html("mais");}
  );
});

 

O problema é que o código só é aplicado na primeira. As outras permanecem abertas.

[William Bruno 1501]

você não deve duplicar IDs pelo documento.

 

se você está num loop, trabalhe com classes.

além disso, leia sobre o objeto this:

 

http://wbruno.com.br/blog/2011/06/21/afinal-e-javascript/

[marcelo2605 10]

William, deu certo.

 

O problema agora é que, ao clicar no btn de uma div para expandí-la, todas as divs se expandem.

 

Não sei onde incorporo o this no código.

[William Bruno 1501]

leia o artigo, lá eu explico exatamente oque fazer.

[marcelo2605 10]

Beleza, vou tentar. Obrigado.

 

William, deu certo:

 

$(document).ready(function() {

  $(".hide").hide();
  $(".btn_showHide").html("mais");

  $('.btn_showHide').toggle(
     function () {
	  var $this = $( this );
	  $this.prev ('.hide').show('slow'); 
	  $this.html("menos");},

  function () {
	  var $this = $( this );
	  $this.prev('.hide').hide('fast'); 
	  $this.html("mais");}
  );
});

[William Bruno 1501]

=) parabens