JSFiddle - React, Tailwind, and code Playground

by stefanpetrovic

HTML

<div class="views-field views-field-title-1 btn green small" style="margin-top: 36px; text-align: center;">
     <span class="field-content">
          <a href="#first-headline">Learn More</a>
     </span>
 </div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div class="product-detail-overview">
<div class="product-contnet views-field-body">
  <h3>
    All Network Services Where You Need Them  </h3>
  <div class="product-description">
  <p></p><p>Trinzic DDI appliance models scale from the Branch to the Central Office and provide coverage from the network edge to the network core. The appliance supports the full range of services and protocols needed by leading-edge implementations including DNS, DHCP, DNSSEC, FTP, TFTP, HTTP, HTTPS and NTP. Further, these services can be virtualized on VMware, Microsoft Hyper-V, Cisco, and Riverbed platforms.</p>
<p></p>  </div>
   <div class="product-link">
    </div>
</div>
    
<div class="product-contnet views-field-body">
  <h3>All Network Services Where You Need Them</h3>
  <div class="product-description">
  <p></p><p>Trinzic DDI appliance models scale from the Branch to the Central Office and provide coverage from the network edge to the network core. The appliance supports the full range of services and protocols needed by leading-edge implementations including DNS, DHCP, DNSSEC, FTP, TFTP, HTTP, HTTPS and NTP. Further, these services can be virtualized on VMware, Microsoft Hyper-V, Cisco, and Riverbed platforms.</p>
<p></p>  </div>
   <div class="product-link">
    </div>
</div>
    </div>

JavaScript

$(document).ready(function() {
    $('.product-detail-overview h3:first').attr('id', 'first-headline');
});