Hi,
First i am creating DIV called "TabsContainer" . Inside this DIV I am creating 6 list items as
"<li class="tabs-nav li"><a href="#tab1"><s pan>My Info</span></a></li>"
After this I am creating 6 DIV to show 6 Usercontrols(.a scx) as
<div id="tab1">.
Then I have written the Jquery as below:
Now when I click a button in DIV 1 or DIV 2, I have to show the DIV 6(tab6).
Thanks
Manoj
First i am creating DIV called "TabsContainer" . Inside this DIV I am creating 6 list items as
"<li class="tabs-nav li"><a href="#tab1"><s pan>My Info</span></a></li>"
After this I am creating 6 DIV to show 6 Usercontrols(.a scx) as
<div id="tab1">.
Then I have written the Jquery as below:
Code:
$(function() {
$('#TabsContainer > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle'} });
});
$(document).ready(function() {
$("dd").hide();
$("dt a").click(function() {
$("dd:visible").slideUp("medium");
$(this).parent().next().slideDown("medium");
return false;
});
});
Thanks
Manoj
Comment