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]
