jsのアコーディオンを無効化したい

Question

###前提・実現したいこと
jqueryでアコーディオンを実装しているんですが
次のようなjsが書かれている場合、処理を上書き、無効化することはできるのでしょうか。。
やりたいこととしては、クラスにアコーディオンが動く処理が書かれていて、
別の箇所でも同じクラスがつかわれているんですが、そこではアコーディオンを動かしたくない場合、
どのように書けばいいのか、いい方法があればアドバイスいただきたいです。
よろしくお願いいたします。

（クラスを分ければいいと思うのですが、使われている箇所が多岐に渡っているため、jsで対応できたらと思っています）

###該当のソースコード

//アコーディオン処理
$(".trigger").on('click', function() {
            if ($(this).next().is(":visible")) {
                $(this).removeClass("active-submenu");
                $(this).addClass("none-submenu");
                $("+.acoCont", this).slideUp(200);
            } else {
                $(this).addClass("active-submenu");
                $(this).removeClass("none-submenu");
                $("+.acoCont", this).slideDown(200);
            }
        });

//下記の構造になっているものはアコーディオンさせたくない
var navNotList = '.categories .trigger, .trigger.stop';
$('.trigger').not(navNotList).on("click", function(e) {
       //ここにどういった処理を記述すれば実現可能なのかご教示頂けると助かります。
       e.stopPropagation();
       e.stopImmediatePropagation();
});

Comments

[masaya_ohashi]

アコーディオン処理はどんなものを使われているのでしょうか？アコーディオン処理を有効化するのは例えばこういった方法ですか？→$(".accordion").accordion();

[masaya_ohashi]

あ、このコード自体がアコーディオン処理ということでしょうか

[hiro421]

説明不足ですみません、そうです！

[kei344]

どのクラスが付いているときにアコーディオンにして、どれが付いているときにしないのかを明確にされたほうが良いと思います。

[hiro421]

失礼いたしました！追記いたしました！

[masaya_ohashi]

これは「上のアコーディオン」の部分は全くいじることができず、あとから特定のクラスを持ったものだけ除外したいという要望ですか？

[hiro421]

そうですね。。そういった事が可能なのでしょうか？知識不足で恐縮です。。

[masaya_ohashi]

回答追記しました。

[hiro421]

みなさま、ご回答ありがとうございます！実現できました！

Answer 1

これを

$(".trigger").on('click', function() {

こうじゃ

$(".trigger:not(.categories)").on('click', function() {

###質問追記に対応
これを

$(".trigger").on('click', function() {

こうして

$(".trigger").on('click.accordion', function() {

こうじゃ

$(".categories .trigger, .trigger.stop").off('click.accordion');

jQueryのonはイベント名の後ろに.XXXXとつけることで、特定の名前をつけて処理を登録できます。
そして、jQueryのoffを使うことで、処理の登録を解除できます。

Answer 2

$( '.categories .trigger' ).on( 'click', function( e ) {
	e.stopImmediatePropagation();
} ); // こちらを前に書く
let test =  function () {
	console.log( '.trigger' );
};
$( '.trigger' ).on( 'click', test );
$( '.trigger.stop' ).off( 'click', test ); // こういう方法もある
```**動くサンプル：**[https://jsfiddle.net/0vpe9agx/](https://jsfiddle.net/0vpe9agx/)

Answer 3

jQueryでイベント処理を中断するのに色々な方法があります、
こちらの記事がわかりやすいのでご参考までに。

イベント処理を中断するには？