Развернуть ссылку обратно на текст по умолчанию

Question

Этот код свертывания работает нормально, но я sh могу вернуть то же сообщение, когда пользователь делает un-collapse , нажав ссылку.

Код:

<div class="expandContent searchfont"><a href="#" title="Click here to search."> &nbsp; &nbsp; <i class='icon-search' title='Click here to search.'></i> SEARCH CANDIDATES</a></div>
<div class="showMe" style="display:none">
<script type="text/javascript">
  $(document).ready(function() {
    $(".expandContent").click(function() {
      $(".showMe").slideToggle("slow");
      if ($("#toggleText").text() === "SEARCH") {
        $(".expandContent a").html(` &nbsp; &nbsp;
<i class="icon-search" title="Click here to search."></i><span id="toggleText"> &#45;</span>`);
      } else {
        $(".expandContent a").html(` &nbsp; &nbsp;
<i class="icon-search" title="Click here to search."></i><span id="toggleText"> FILTER SEARCH</span>`);
      }
    });
  });
</script>

Все, что я хочу, это когда я нажимаю на Фильтр поиска, тогда div uncollapse и сообщение должны быть кандидатами для поиска.

Answer 1

Все было хорошо, кроме

1. $("#toggleText").text() === "SEARCH" будет изменено на $("#toggleText").text() === " FILTER SEARCH"
2. Если текст filter search, следующий текст будет изменен на search candidate

$(document).ready(function() {
    $(".expandContent").click(function() {
      $(".showMe").slideToggle("slow");
      if ($("#toggleText").text() === " FILTER SEARCH") {
        $(".expandContent a").html(`    
<i class="icon-search" title="Click here to search."></i>SEARCH CANDIDATES<span id="toggleText"> &#45;</span>`);
      } else {
        $(".expandContent a").html(` &nbsp; &nbsp;
<i class="icon-search" title="Click here to search."></i><span id="toggleText"> FILTER SEARCH</span>`);
      }
    });
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="expandContent searchfont"><a href="#" title="Click here to search."> &nbsp; &nbsp; <i class='icon-search' title='Click here to search.'></i> SEARCH CANDIDATES</a></div>
<div class="showMe" style="display:none">Below content</div>