Home/ Questions/Q 6046213
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T07:12:46+00:00

This code $(this).data(‘parentWidget’).toggleClass(COLLAPSE_CLASS, 1000); bound to a button click, is successfully toggling the COLLAPSE_CLASS

  • 0

This code $(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000); bound to a button click, is successfully toggling the COLLAPSE_CLASS on and off. However, the effect is not animating.

In the css, the original element has a defined height:85px. When the collapse class is added .collapse { height:20px; } only the height changes.

As I mentioned, this works like a charm in terms of toggling the height. What I don’t see is any kind of transition effect. What are the conditions under which such a simple transition effect might not work? Needless to say the jQuery documentation on the subject is sparse.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For others who may be imbeciles like myself, do make sure you’re actually loading your jQuery.ui.core.js files (or build a custom jquery ui version). My example is in the context of WordPress and I naively assumed that it was loading jQueryUI. Apparently toggleClass is part of jquery.core (so the toggling part works no matter what), but the transition depends on jquery.ui.core (and maybe others? not sure)

    • 0