jquery - ImageSlider の開始と停止、および消える碑文

Question

jQueryを使用して最初のアマチュアWebサイトを構築していますが、2つのことが機能しません。

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(){ });
    });
   });
  });

誰でも私を助けることができますか？前もって感謝します。