Javascript 如何将元素移动到最右侧，然后将其隐藏？

当我点击一个按钮时，标题元素应该移动到页面的最右边，其不透明度会慢慢降低，一旦元素移动到最右边，它就应该被隐藏

我已经使用jquery动画函数来实现这一点

以下是我迄今为止编写的代码：

$（文档）.ready（函数（）{
$（'.myButton'）。单击（函数（）{
$（'.myHeading'）。设置动画(
{
保证金金额：90%，
不透明度：0，
}, 1500
);
})
})

你好，世界！
单击此处为标题设置动画

为此，在动画完成时您有

回调

。另外，给你的元素一个固定的宽度，这样它就会平滑地消失，“世界”不会出现在第二行

$（文档）.ready（函数（）{
$（'.myButton'）。单击（函数（）{
$（'.myHeading'）。设置动画(
{
保证金余额：“80%”，
不透明度：0，
}，1500，隐藏
);
})
函数hideElement（）{
$（'.myHeading'）.hide（）
}
})

h1{
宽度：200px
}

你好，世界！
单击此处为标题设置动画

为此，在动画完成时您有

回调

。另外，给你的元素一个固定的宽度，这样它就会平滑地消失，“世界”不会出现在第二行

$（文档）.ready（函数（）{
$（'.myButton'）。单击（函数（）{
$（'.myHeading'）。设置动画(
{
保证金余额：“80%”，
不透明度：0，
}，1500，隐藏
);
})
函数hideElement（）{
$（'.myHeading'）.hide（）
}
})

h1{
宽度：200px
}

你好，世界！
单击此处设置标题动画