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>