Jquery toggle mehrere Div mit der gleichen ID

Question

Ich benutze jQuery um divs umzuschalten.

<script> 
$(document).ready(function(){ 
    $("#btnstoreofferlisting-3").click(function(){ 
     $("#storeofferlisting-3").toggle(); 
    }); 
}); 
</script> 

Ich habe mehr div mit "storeofferlisting-3" id. Ich klicke auf "# btnstoreoffferlisting-3", aber nur ein div verstecken und zeigen. Wie kann ich es schaffen, mit den gleichen id divs zu arbeiten?

Answer 1

Verwendung CSS-Klasse

<div class="myDiv"></div> 

<script> 
$(document).ready(function(){ 
    $(".myDiv").click(function(){ 
     $(".myDiv").toggle(); 
    }); 
}); 
</script> 

Answer 2

Zunächst einmal sollte IDs eindeutig sein. Sie sollten nur eine ID pro Seite haben. Ändern Sie die IDs in Klassen.

Sobald Sie das tun, dass der Code in etwa so sein wird:

$(".btnstoreofferlisting-3").click(function(){ 
    $(this).toggle(); 
}); 

https://www.sitepoint.com/javascript-this-event-handlers/