如何使用jQuery为文本设置动画以向右滑动

Question

So I keep track of right and wrong answers and I want to slide the text from the right of the screen.

Here is what I have, but it doesn't work:

 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

add in file 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>