Jquery 启动和停止ImageSlider和消失的铭文

我正在使用jQuery构建我的第一个业余网站，但我无法实现两件事：

1.这里我有一个ImageSlider，但我仍然希望它在用户单击图片时停止，并在用户再次单击后重新启动。如果启动/停止按钮更容易，我不介意

$(document).ready(function () {
var change     = 2000;
var speed    = 300;

var slideshow    = $("#ImageSlider"),
Items           = slideshow.children('li'),
Len             = Items.length,
i                   = 0,

changeList = function () {

    Items.eq(i).fadeOut(speed, function () {
        i += 1;
        if (i === Len) {
            i = 0;
        }
        Items.eq(i).fadeIn(speed);
    });
};

Items.not(':first').hide();
setInterval(changeList, change);

$("ImageSlider").click(function(){
$("ImageSlider").stop();
});
});'

2.这里有一点“动画”。我想有一个文本出现后，动画完成，我得到了它的工作，但我不能让它消失后，再次点击动画按钮，铭文只是显示了多次

$(document).ready(function(){
    $('#animate').click(function() {
      $('#image').animate({
      opacity: 0.35,
      height: 'toggle'
      }, 5000, function() {
    $(this).after(function(){ });
    });
   });
  });

---

有人能帮我吗？提前感谢。

您能提供JSFIDLE吗？我们将很快提供解决方案。以下是JSFIDLE链接：jsFIDLE.net/387DD/1 jsFiddle.net/4PuRm不知道为什么，但第二个脚本在我的项目中运行时，在JSFIDLE上根本不起作用。有人能帮我吗？