JSFiddle - React, Tailwind, and code Playground

by oakley808

HTML

<div class="accordion" >
    <h2 class="header"><a href="#">Types of Partners</a></h2>
    <div>Content 1...</div>
    
    <h2 class="header"><a href="#">Does NREL partner with international companies?</a></h2>
    <div>Content 2...</div>
    
    <h2 class="header"><a href="#">Does NREL partner with international organizations? </a></h2>
    <div>Content 3...</div>
</div>

<p><a  class="killer" href="">DESTROY!</a></p>

JavaScript

// initialize the accordion
$('.accordion').accordion({
    header: 'h2',
    collapsible: true,
    active: false    
});


// kill the accordion
$('.killer').on( 'click',function(){
    $( '.accordion' ).accordion( 'destroy' );   
    $(this).fadeOut(3000);
    return false;
});