Roll Your Own – Drop-down Animations

  • Hi,

    How can I add a different/smoother drop-down animation to this?

    <img src="/main/wp-content/uploads/2022/08/chat.png" align="left" alt="1" width="20" height="20" class="collapseomatic noarrow" id="some_other_id" title="Expand Chat">
<img src="/main/wp-content/uploads/2022/08/chat2.png" alt="1" width="20" height="20" class="collapseomatic noarrow" style="display:none" id="swap-some_other_id" title="Close Chat"> &nbsp;Live Chat
<div id="target-some_other_id" class="collapseomatic_content ">[sac_happens]</div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author twinpictures

    (@twinpictures)

    use the data-animation_effect and data-duration attributes to control effect and speed:

    <img src="/main/wp-content/uploads/2022/08/chat.png" align="left" alt="1" width="20" height="20" class="collapseomatic noarrow" id="some_other_id" title="Expand Chat" data-animation_effect="slideToggle" data-duration="2000"/>

    This info has now been added to the Collapse-O-Matic Documentation.

    • This reply was modified 2 years, 2 months ago by twinpictures. Reason: added link to docs
    Thread Starter EMar

    (@sounds)

    Cool thanks @twinpictures

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Roll Your Own – Drop-down Animations’ is closed to new replies.