containsを使って非表示にしたい

Question

実現したいこと

任意の文字が表示されているときに子カテゴリを非表示にしたい

前提

親カテゴリ→大カテゴリ→子カテゴリの3階層で構成されています。
大カテゴリをクリックすると、大カテゴリ表示名の下に子カテゴリ一覧が表示される仕組みです。
子カテゴリの件数が多いため、大カテゴリの表示状態では、子カテゴリを非表示にしたいです。

内容

非表示するにあたり、指定できるのは大カテゴリ名のテキスト内容だけです。
そのため、jqueryのcontainsを使って、テキストを指定しているのですが、全く一致しないテキスト内容でも適用され、非表示になってしまいます。
どのようにすれば完全一致の指定ができるのでしょうか？
お忙しい中恐縮ですが、どなたかご教授いただけませんでしょうか。
何卒、よろしくお願いいたします。

該当のソースコード

1行目の<section class="__heading">が指定したい大カテゴリです。
6行目の<section class="class="__list __list--row">が非表示にしたい子カテゴリ一覧です。

<section class="__heading">
   <h1 class="__h1 c-h1">POM(ポリアセタール)</h1>
</section>
<section class="__child" id="kuri-110"></section>
<section class="__control"></section>
<section class="class="__list __list--row"></section>

試したこと

このソースを動かしたところ、全く一致しない他のカテゴリ名(例：ABS(アクリロニトリルブタ ジエンスチレンコポリマー))でも適用され".__list"が非表示になってしまいました。

//大カテゴリ表示の場合、子カテゴリを表示させない
$(function(){
  $("h1:contains('POM(ポリアセタール)')"); {
    $(".__list").hide();
  }
});

Comments

[int32_t]

具体的な回答を書くには、もっと広い範囲のHTMLの構造を知る必要があります。問題を再現できるHTMLソース全体を開示できないでしょうか。少なくとも、__heading の親の情報や間違って非表示になる __list の位置関係は必要です。

Answer 1

  $("h1:contains('POM(ポリアセタール)')"); {
    $(".__list").hide();
  }

これは、以下のコードと同じです。

  $("h1:contains('POM(ポリアセタール)')");
  $(".__list").hide();

「POM(ポリアセタール) を含む <h1> のリストを取得して何もしない。次に .__list にマッチする要素すべてを非表示する」というコードです。

情報が足りないので対処方法は書けません。少なくとも if は使うでしょうね。

Comments

[helpmee88]

早急にご回答いただきまして、ありがとうございます！
とてもわかりやすくご指摘いただいたので、考えてみました。
そうしたところ、
---------------------
$(function(){
if ($("h1:contains('POM(ポリアセタール)')").is(':visible')) {
$(".__list").hide();
}
});
---------------------
上記で動かしたところ、ちゃんと適応できました。
心より感謝いたします。
また、悩んだ時に回答いただけると大変嬉しいです。
お忙しい中、お力添えをいただきましてありがとうございました。