Semantic-ui: delay between two transitions will be ignored

[koup]

How can I insert a pause between 2 transitions.

delay(3000) is ignored:

$('.message').transition('drop').delay(3000).transition('drop');

How can i drop a message, wait 3 sec. and drop the message away?

Thanks

[awgv]

Hi @koup, you can use interval property:

$('.ui.message')
  .transition({
    animation: 'drop',
    interval: 3000,
  })
  .transition('drop')

[koup]

Hi Banandrew

Unfortunately this does not work. The message disappears immediately.

Thanks

[awgv]

@koup Sorry about that, add .transition.hidden classes to your message to hide it initially, then do it the other way around:

$('.ui.message')
  .transition('drop')
  .transition({
    animation: 'drop',
    interval: 3000,
  })

[koup]

Many thanks, now it works 😉

[sinagolchiin]

you can use this ->
jQuery('#segment').transition('tada',1500);

teda is our animation and 1500 is time in ms