Merabalar, Contact Form 7 kullanarak bir sayfada bulunan bir çok checkbox elemanına tıklandığında farklı içeriklerde popup açmak istiyorum.

Elemanlar bunlar olsun, her checkbox için farklı bir uyarı mesajı vermek istiyorum.

[checkbox test id: popup  use_label_element exclusive "Manuel Vites (Düz)"]
[checkbox test id: popup2  use_label_element exclusive "Manuel Vites (Düz)"]
[checkbox test id: popup3  use_label_element exclusive "Manuel Vites (Düz)"]

ancak bunu tekrar ettiremiyorum. kodu tekrar ettirdiğimde js kodları 2 farklı checkbox'ta çalışmıyor.

$(document).ready(function() {
    $('#popup').change(function() {
        $('#mycheckboxdiv').toggle();
         $('#overlay').toggle();
    });
});

<div id="mycheckboxdiv" style="display:none">
<div id="popup1" class="overlay">
    <div class="popup">
        <h2>Uyarı !</h2>
         <a id="kapat"><i class="fas fa-times"></i></a>
        <div class="content">
            İçerik     Alanı
        </div>
    </div>
</div>
</div>