jquery - 启动和停止 ImageSlider 和消失的铭文

Question

我正在使用 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(){ });
    });
   });
  });

有谁能够帮我？提前致谢。