JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

  <head>
    <title></title>
  </head>

  <body>
    <article class="sl1">
      <div class="widget_media_image"><img alt="" class="image wp-image-2397 attachment-full size-full" height="100" src="/assets/faq-icon.png"></div>
      <div class="widget_text">
        <h3>FAQ and Getting Started</h3>
        <div class="textwidget">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
      <div class="widget_nav_menu">
        <h3>HIDE ALL TOPICS</h3>
        <div class="menu-support-faq-container" style="display: block;">
          <ul class="menu" id="menu-support-faq">foo
          </ul>
        </div>
      </div>
    </article>

    <article class="sl2">
      <div class="widget_media_image"><img alt="" class="image wp-image-2397 attachment-full size-full" height="100" src="/assets/faq-icon.png"></div>
      <div class="widget_text">
        <h3>FAQ and Getting Started</h3>
        <div class="textwidget">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
      <div class="widget_nav_menu">
        <h3>HIDE ALL TOPICS</h3>
        <div class="menu-support-security-container" style="display: block;">
          <ul class="menu" id="menu-support-security">bar
          </ul>
        </div>
      </div>
    </article>


    <article class="sl2">
      <div class="widget_media_image"><img alt="" class="image wp-image-2397 attachment-full size-full" height="100" src="/assets/faq-icon.png"></div>
      <div class="widget_text">
        <h3>FAQ and Getting Started</h3>
        <div class="textwidget">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
      <div class="widget_nav_menu">
        <h3>HIDE ALL TOPICS</h3>
        <div class="menu-support-security-advanced" style="display: block;">
          <ul class="menu" id="menu-support-advanced">moo
          </ul>
        </div>
      </div>
...

JavaScript

$("div[class*='widget_nav_menu']").on("click", function(event) {
    if ($(this).find("div[class*='menu-support-']").css('display') == 'none') {
      $(this).find("h3").html("HIDE ALL TOPICS");
      $(this).find("div[class*='menu-support-']").show("slow");
    } else {
      $(this).find("h3").html("VIEW ALL TOPICS");
      $(this).find("div[class*='menu-support-']").hide("slow");
    }
});