特定の要素をクリックしたとき、scrollifyを止める方法について

Question

前提・実現したいこと

scrollifyというプラグインを使っているのですが、特定のコンテンツだけ通常のスクロールに戻したいと考えています。
下記コードのように.moreの要素をホバーした時にscrollifyの動きを止めることは出来るのですが、出来ればクリックで
止めるようにしたいのですが、なかなかうまくいきません。

最初のクリックで動きを止め、もう一度クリックしたら元の動きに戻るようにしたいです。

学びだして日が浅いのでぐちゃぐちゃのコードですがアドバイスいただければ幸いです。

該当のソースコード

//スクロールの動き
$(function(){
	var current;
	$.scrollify({
		section:".box",
		scrollSpeed:600,
		before:function(i,box){
			current = i;
		},
	});
	$(window).on('resize',function(){
		if(current){
            var currentScrl = $('.box').eq(current).offset().top;
			$(window).scrollTop(currentScrl);
        }
	});
	// スクロールの動きを止める
  $('.more').hover(
   function(){
     $.scrollify.disable();
   },
   function(){
     $.scrollify.enable();
   }
  );
 
});

Answer 1

classでする場合

  $('.more').on('click', function(event) {
    if ($(this).toggleClass('scrollifyoff').hasClass('scrollifyoff')) {
      $.scrollify.disable();
    } else {
      $.scrollify.enable();
    }
  });

Comments

[no_title]

無事思い通りの動きになることができました！本当にありがとうございました！