Showing div tags using jQuery

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Arulmanoj
    New Member
    • Mar 2009
    • 34

    Showing div tags using jQuery

    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:
    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; 
                }); 
            });
    Now when I click a button in DIV 1 or DIV 2, I have to show the DIV 6(tab6).

    Thanks

    Manoj
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    So what happens? What did you expect to happen?

    Comment

    Working...