I have a question about using 2 jQuery accordions with tabs inside them. Everything seems to be working, but when I try to expand the second accordion, the two tabs inside don't render properly. I'm not sure what the issue is. Any help on this would be highly appreciated.
$(document).ready(function() {
$("button").button();
$("#tabs").tabs();
$( "#accordion" ).accordion({
collapsible: true
});
});
</script>
</head>
<!--- Here's the UI Part that needs editing -->
<body>
<div id="accordion">
<h3>SIRF</h3>
<div id="tabs">
<ul>
<li><a href="#tab1">Info</a></li>
<li><a href="#tab2">Setup</a></li>
<li style="float:right;"><a href="#tab0">!</a></li>
</ul>
</div>
<h3>TIRF</h3>
<div id="tabs">
<ul>
<li><a href="#tab3">Info</a></li>
<li><a href="#tab4">Setup</a></li>
<li style="float:right;"><a href="#tab0">!</a></li>
</ul>
</div>
</div>
</body>