Uso del jquery su singole div

Question

Sto provando a creare un effetto di commutazione usando le caselle + e - per mostrare e nascondere i div. E l'esempio http://theodin.co.uk/tools/tutorials/jqueryTutorial/index.html

Questo è lo script che sto utilizzando

$(function(){ 
     $('.block').hide(); 
      $('#show').toggle(function(){ 
        $('.block').show(); 
        $(this).attr("src","images/minus.jpg"); 
      },function(){ 
       $('.block').hide(); 
       $(this).attr("src", "images/plus.jpg"); 
      }); 
    }); 

Il codice HTML

<div id="show"> Open <img id="show" src="images/plus.jpg"/> </div> 
    <div class="block"> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    </div> 

funziona benissimo con un div, ma ho più e quando clicco uno, tutti spettacolo . C'è un modo per attivarli singolarmente usando il codice che ho?

Answer 1

Modificare il show ID ad un class come questo:

<div class="show"> Open <img src="images/plus.jpg" /> </div> 
<div class="block">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 

<div class="show"> Open <img src="images/plus.jpg" /> </div> 
<div class="block">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 

Poi il jQuery diventa:

$('.show').toggle(function(){ 
    $(this).next('.block').show(); 
    $(this).children("img").attr("src","images/minus.jpg"); 
},function(){ 
    $(this).next('.block').hide(); 
    $(this).children("img").attr("src", "images/plus.jpg"); 
}); 

Here's an example.

Answer 2

Si sta modificando l'elemento src dell'elemento #show, quando si deve cambiarlo sul figlio <img>.

$(function() { 
    $('.block').hide(); 
    $('#show').toggle(function(){ 
     $('.block').show(); 
     $(this).children('img').attr("src","images/minus.jpg"); 
    },function(){ 
     $('.block').hide(); 
     $(this).children('img').attr("src", "images/plus.jpg"); 
    }); 
}); 

Questo utilizza .children() per ottenere l'elemento figlio <img> modo da poter cambiare la sua fonte.

Inoltre, lo <img> ha lo stesso ID del relativo genitore. Questo non è permesso. Gli ID devono essere unici.