javascript - 如何用jquery制作文本向右滑动的动画

Question

所以我记录正确和错误的答案，并且我想从屏幕右侧滑动文本。

这是我所拥有的，但它不起作用:

document.getElementById('total').innerHTML = "Number of Right Answers: " + right;
document.getElementById('totalw').innerHTML = "Number of Wrong Answers: " + wrong;
$("#total").show("slide", {
  direction: "right"
}, 2000);
$("#totalw").show("slide", {
  direction: "right"
}, 2000);

<div id="total"></div>
<div id="totalw"></div>

Answer 1

在html文件中添加:

$('#total').html("Number of Right Answers: " + "right");
$('#totalw').html("Number of Wrong Answers: " + "wrong");
$("#total").show('slide', {direction: 'right'}, 1000);
$("#totalw").show( "slide", {direction: "right" }, 2000 );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>
<div id="total"></div>
<div id="totalw"></div>