This demo shows how to configure DJME Menu extension to animate the content of its items. The supported hide and show effects that you can find all of them in DNA.Mvc.jQuery.jQueryEffects enumeration.

• To configure the hide effect animation use the HideEffect property.
• To configure the opacity use the Opacity property.
• To configure the animation duration use the Duration property
• To configure the show effect animation use the ShowEffect property.

   <% 
            Ajax.Dna().Menu("Menu1")
                .Options(opts => {
                    opts.Duration = 200;
                    opts.ShowEffect = jQueryEffects.Blind;
                    opts.HideEffect = jQueryEffects.Drop;
                    opts.Opacity = 0.8;
                })
                .Items(items=>{ /* items definition */})
                .Render();
   %>