JSFiddle - React, Tailwind, and code Playground

HTML

<div id="accordion">    
<h3>tab 1</h3>
    <div>tab 1 content</div>    
<h3>tab 2</h3>
    <div>tab 2 content</div>
</div>

JavaScript

// 1st - initialize accordion 
$("#accordion").accordion();
// Then set accordion header options
$("#accordion").accordion("option", "icons", {
    'header': 'ui-icon-circle-arrow-e',
    'headerSelected': 'ui-icon-circle-arrow-s'
});