Home/ Questions/Q 8334587
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T03:24:05+00:00

I have a page which contains a list. I have a button to add

  • 0

I have a page which contains a list. I have a button to add a new item to the list. I want to apply JQuery-UI effect to the adding of new item, my problem is when the effect animation is shown, the list item is not styled. See this fiddle – http://jsfiddle.net/Ec3x9/2/.

You can see that when the user clicks on the create button, the animation of the item is displayed, but the list item text is under the icon since the CSS is not applied. I want to show the animation of the list item. How do i do that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Remove the > character between ul and li in your CSS declarations. What jquery does is wrap your li with a div element before it does the animations. When that happens, the li isn’t a direct descendent of ul anymore so your styles aren’t being applied during the animation.

    Ex: http://jsfiddle.net/Ec3x9/8/

    • 0