JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
 <div id="accordion" >
    <div class="accordion-header">
        <h3><a href="#">Title of My Wordpress Article</a></h3>
          <div class="accordion_content">
              <p>Wordpress article content here...</p>
         </div>
        <h3><a href="#">My Follow-Up Wordpress Article</a></h3>
          <div class="accordion_content">
              <p>More Wordpress goodness here...</p>
         </div>        
    </div>
 </div>

JavaScript

$("#accordion").accordion({ 
        header: "h3", 
});
$('.ui-accordion').bind('accordionchange', function(event, ui) {
  ui.newHeader.css("color","#ff0000");
});