Jquery accordion and tabs

Jquery accordion and tabs

I have tabs 3 tabs and what to load jquery accordion on all the tabs.  By accordion is loading only in first tab not on 2rd and 3rd. if i change the accordion id that contents are not getting loaded or deleted.


$(function () {
       $("#tabs").tabs();
       });
 
       $(function () {
           $("#accordion").accordion({
               collapsible: true,
               //Set the active accodtion tab to none
               active: 'none'
           });
       });
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">ORT</a></li>
            <li><a href="#tabs-2">Sanity Testing</a></li>
            <li><a href="#tabs-3">Funtional Testing</a></li>
            <li><a href="#tabs-4">Load Testing</a></li>
        </ul>
        <div id="tabs-1">
           
            <div id="accordion">
                    <h3>Network and Connectivity</h3>
                    <div>
                        <p>Network and Connectivity</p>
                    </div>
                    <h3>URI Responsiveness</h3>
                    <div>
                        <p>URI</p>
                    </div>
                </div>
        </div>
        <div id="tabs-2">
            <div id="accordion">
                <h3>Sanity TestCases</h3>
                <div>
                    <p>sanity....</p>
                </div>
            </div>
        </div>
        <div id="tabs-3">
            <div id="accordion">
                <h3>Conference</h3>
                <div>
                    <p>Testing lkdfdgg</p>
                </div>
               <h3>Dial-out</h3>
                <div>
                    <p>Testing lkdfdgg</p>
                </div>
            </div>         </div>              </div> </body>