Toggler virker ikke (med det samme)

Kære Eksperter,

Jeg har et script, hvor brugeren via en checkbox, kan få indholdet ind i et textarea (i en anden frame). Dette virker fint.

Scriptet har så en "toggler", som trigger samtlige checkboxes i en given gruppe. Checkboxene bliver alle tjekket/aftjekket som de skal, men, indholdet følger ikke med - ikke med det samme, i hvert fald.

Men fjerner jeg en af tjekboksene, så kommer indholdet fra de  resterende boxe ind i textareaet som ønsket. Jeg kan derefter gen-tjekke den aftjekkede box, og så er alt indholdet der som det skal. Dette er dog et super irriterende workaround, da jeg selvfølgelig gerne vil have alt indholdet bliver pushet, lige så snart jeg aktivere toggleren.

Er der en fejl i en af de to følgende koder, eller kan dele af dem erstattes af en anden funktion, som pusher alt indholdet, uden at jeg skal af/gen-tjekke en af boxene efterfølgende?

Toggler script:

<script type='text/javascript'>//<![CDATA[

$(document).ready(function(){
    $(".toggler").click(function(e){
        e.preventDefault();
        $('.cat'+$(this).attr('data-prod-cat')).toggle();
    });
});
//]]>

</script>


"Push"-script:

<script type="text/javascript">
function updatebox()
{
    var textbox = parent.document.getElementById("textarea_navn");
    var values = [];
        if(document.getElementById('box_id').checked) {
        values.push(document.getElementById('box_id').value);
    }
</script>

En hver hjælp vil blive utroligt værdsat! :)

Alle de bedste ønsker,
Kristian Nielsen