jquery: toggle slutar fungera efter navigering till ny sida, måste göra F5

Hej,
Det var ett tag sen jag rumlade runt med js och jquery (och jag har aldrig varit nån ninja direkt, snarare trial and error), men idag slängde jag ihop en liten toggle åt en kompis för att visa GDPR vid klick på en div.

$(document).ready(function(){
    $("#gdprtrigger").click(function(){
        $("#gdpr").toggle();
    });
});

Det funkar fint när sidan är nyladdad, men om jag klickar mig till en annan sida på sajten funkar togglen inte längre. Jag måste ladda om sidan för att den ska funka.

Känns som ett nybörjarfel, men vet någn vilket det är?

$("#gdprtrigger").on("click", function(){
    $("#gdpr").toggle();
});

Så kan det nog vara, det är nåt "gör det enklare att koda wordpress tema"-verktyg (Semplice), vilket bara krånglar till det när man behöver göra nåt utanför ramarna.

Provade din kod men nu funkade inte klicket alls. Mitt fel, strulade till det i frågan, hade kodat med klasser. Men det löste inte problemet, se nästa post nedan.

jQuery(document).ready(function(){
  $("#gdprtrigger").on("click", function(){
    $("#gdpr").toggle();
  });
});

Kanske för att #gdprtrigger är en vanlig <p> ? Måste det vara en <a> eller en <button>? Inga #-konflikter, enda gången på sidan.

Hittade en bloggpost nu när jag visste mer hur jag skulle söka. Detta funkade. Tack!

jQuery(document).ready(function(){
  $("body").on("click", ".gdprtrigger", function(){
    $(".gdpr").toggle();
  });
});