JavaScript not invoked on zone refresh

Hi all,

I suspect there's a simple solution to this small, but annoying problem.

My Tapestry page uses a simple javascript to rotate an image 90 degrees
the moment the image is rendered on screen.  It does this by adding a CSS
class to the button element that contains the image.


**The JavaScript**

    $(document).ready(function(){
    $('.accordion').addClass('active');
    });


**The CSS Classes**

    .open-section{
        transform: rotate(0deg);
        transition:1s;
    }
    .close-section{
        transform: rotate(0deg);
        transition:1s;
    }
    .accordion.active .open-section {
        transform: rotate(-90deg);
        transition:1s;
    }
    .accordion.active .close-section {
        transform: rotate(90deg);
        transition:1s;
    }


The above works perfectly well when the page first loads, and if I
manually refresh the page.  But when the button/image appears within a
zone that is refreshed, the javascript evidently doesn't get invoked, as
the button image doesn't rotate.

How would one normally resolve this little problem?

Regards,

Chris.


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]