JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<div>
    <div id='navigation-menu'>
        <img src='images/menu-top' alt='' />
            <div id='accordion-navigation'>
                <h4>Title</h4>
                 <div>
                    <ul>
                        <li><a href='#'>Link 1</a></li>
                        <li><a href='#'>Link 2</a></li>
                        <li><a href='#'>Link 3</a></li>
                     </ul>
                </div>
            </div>
        <img src='images/menu-top' alt='' />
    </div>

JavaScript

$(document).ready(function() {
    $('#accordion-navigation').accordion({
        active: false,
        autoHeight: false,
        collapsible: true,
        header: 'h4'
    }); 
    
    $('#accordion-navigation').dialog();
    
    $('#accordion-navigation').hide();
});