JSFiddle - React, Tailwind, and code Playground

HTML

<dd class="p-ads-dd meta-attrbt"> 
  <a class="show-hide-attributes" href="#">Show attributes</a> 
  <div style="display: none;" class="more-attributes"> 
    <p>Attribute 1: This is a detail</p> 
    <p>Attribute 2: This is another detail</p> 
    <p>Areas of expertise: Expertise 1</p> 
    <p>Areas of expertise: Expertise 2</p> 
  </div> 

</dd>

JavaScript

// show 'more-attributes' for ad if user clicks 'Show attributes' link
    $('.show-hide-attributes').live('click', function () {
        var $this = $(this);
        $(this).closest('.meta-attrbt').find('.more-attributes').slideToggle(0, function () {
            $this.text($(this).is(':visible') ? "Hide attributes" : "Show attributes");
        });

        return false;
    });