This is my code:
private void accordion(AjaxRequestTarget target, WebMarkupContainer
descriptionContainer, WebMarkupContainer listContainer){
boolean flag = descriptionContainer.isVisible();
if(this.selectedDescriptionContainer != null &&
this.selectedDescriptionContainer.isVisible()){
this.selectedDescriptionContainer.add(new
DisplayNoneBehavior());
target.prependJavaScript("notify|$('#"+this.selectedDescriptionContainer.getMarkupId()+"').slideUp(1000,
notify);");
this.selectedDescriptionContainer.setVisible(false);
this.selectedlistContainer.add(new
AttributeModifier("class",
"tableRowGreyBgOnly"));
target.add(this.selectedlistContainer);
target.add(this.selectedDescriptionContainer);
}
if(!flag){
this.selectedDescriptionContainer =
descriptionContainer;
this.selectedlistContainer= listContainer;
descriptionContainer.add(new DisplayNoneBehavior());
descriptionContainer.setVisible(true);
listContainer.add(new AttributeModifier("class",
"infoOrangeLight"));
target.add(listContainer);
target.add(descriptionContainer);
target.appendJavaScript("$('#"+descriptionContainer.getMarkupId()+"').slideDown(1000);");
}
}
While component initialisation i have user setVisible(false) along with
setOutputMarkupPlaceholderTag(true).
Tried this, but doesn't give the animation effect.
--
View this message in context:
http://apache-wicket.1842946.n4.nabble.com/Animate-ajax-DOM-manipulation-smoothly-tp4670132p4670136.html
Sent from the Users forum mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
