Weird animation issue when collapsing

  • Resolved emergencyscotch

    (@emergencyscotch)


    7 years, 6 months ago

    When I expand out an element on my page, the animation is butter smooth.

    But when I collapse it, it seems to get choppy and “speed up” at the end of the animation.

    This problem doesn’t seem to happen on the collapse-o-matic website. It also becomes more exaggerated when my animation is set to slow instead of fast.

    I saw a similar post on the forum about choppy animations being related to a setting in the theme file CSS, but I don’t seem to have that setting in the theme I’m using.

    Thank you,

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author twinpictures

    (@twinpictures)

    Hmmm, it certainly seems CSS related.
    First thing you might want to try (at least on one expand item) is to remove the wrapping span tag from your trigger that is used only for changing the color.

    Instead, define a custom CSS class like so:

    .my_trigger_class {
    color: #00a551;
}

    and assign it using the trigclass attribute:

    [expand title="trigger text" trigclass"my_trigger_class"]...[/expand]

    a default trigclass can be assigned for all elements in the plugin settings.
    We would also recommend you change the default tag element from span to div.

    It might also be helpful to take a look at your page content using the TEXT mode of the editor rather than the VISUAL mode. Visual mode will often carry over lots of unwanted info when content is copy/pasted into the editor.

    If you need more direction on any of this, just ping back and we’ll try to help further.

    Thread Starter emergencyscotch

    (@emergencyscotch)

    I don’t know if my last reply went through, so I might be doubling up on my response.

    Getting rid of the span didn’t work, however changing the default element to div fixed it!

    I upgraded to pro although I don’t need the extra features!

    Thanks again for your support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Weird animation issue when collapsing’ is closed to new replies.

Tags