jQuery: синтаксис кода при сравнении текста между двумя отдельными элементами

Question

Может кто-нибудь любезно сказать мне, что не так с синтаксисом в блоке кода ниже? В случае, если это имеет значение, я пытаюсь сравнить текст, отображаемый в двух отдельных элементах при загрузке новой страницы html. Когда совпадение найдено, я хочу отобразить скрытый элемент, который будет показан. Большое спасибо.

function showcategory() {
  var bcrumbtext = $("ol.breadcrumbs").text();
  var catname = $("li.cat").text(); 

  $(catname).each(function() {
    if($(this)===(bcrumbtext)) {
      $(this).show();
    }
  )};
}

HTML фрагмент со списком «хлебных крошек»

    <nav class="sub-nav">
      <ol class="breadcrumbs">
        <li title="Home">
          <a href="myURL">Home</a>
        </li>
        <li title="InitialCategory">
          <a href="myURL">Category1</a>
        </li>
        <li title="Article1">
          <a href="myURL">Article1</a>
        </li>
      </ol>
    </nav>

HTML фрагмент со списком элементов категории и их дочерних элементов

  <ul class="category">
    <li class="cat" catid="360002246652">
      <a>Category1</a>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652" parentsecid="null" style="display: none;">
      <a href="myURL">section1a</a> 
    </li>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652" parentsecid="null" style="display: none;">
      <a href="myURL">section1b</a> 
    </li>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652" parentsecid="null" style="display: none;">
      <a href="myURL">section1c</a> 
    </li>
  </ul>

  <ul class="category">
    <li class="cat" catid="360002246672">
      <a>Category2</a>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652" parentsecid="null" style="display: none;">
      <a href="myURL">section2a</a> 
    </li>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652" parentsecid="null" style="display: none;">
      <a href="myURL">section2b</a> 
    </li>
    </li>
    <li class="sec" secid="360007912231" categoryid="360002246652"  parentsecid="null" style="display: none;">
      <a href="myURL">section2c</a> 
    </li>
    </li>
  </ul>

По сути, на каждой загружаемой странице мне нужно искать текст в элементах li.cat и сравнивать его с текстом в элементах ol.breadcrumbs. Когда совпадение определено, мне нужно показать все элементы списка дочерних разделов (li class = "sec"), которые находятся под категорией ЭТО.

(теперь я вижу, что моя первоначальная попытка получить правильный код имеет несколько ошибок. Надеюсь, кто-то из сообщества может помочь мне решить эту проблему, так как я не уверен, что здесь делать.)