Как взорвать элемент HTML с помощью эффекта разнесения в jQueryUI?

Question

Я не могу заставить эффект взрыва jQueryUI работать. Вот jsfiddle, который я попробовал. Обычно, когда я пытаюсь скрыть элемент без эффекта взрыва, jsfiddle просто выглядит странно взрывным.

$('h1, h2').click(function() {
    $(this).hide('explode');
});

В документах jQueryUI об эффекте разнесения не очень понятно, как его использовать.

Я делаю что-то неправильно?

Answer 1

Вы можете исправить это, поместив больше текста. Вот jsfiddle https://jsfiddle.net/k380zpgx/. Кстати, используйте этот код вместо этого, он дает вам больше контроля над эффектом.

$('h1, h2').click(function() {
    $(this).hide( "explode", {pieces: 16 }, 2000);
});