Dear Friends,

I integrated a megaMenu using template version Blank 2.1.4 and the Framework version 2.3.0.
Now I would like to show the second Tab underneath "Products" (data-id="102" onLoad.
I have difficulties to make it work.
I have to use javascript, maybe there is already a feature included like in Bootstrap in regard of the Tab-mechanism?

$(document).ready(function() {

    $('.link:first').addClass('active');

});

If I integrate my onw Javascript is there a chance of conflicts?


That's my menu:
It is just a sample. Important is the tree to the point "

<div class="t3-navbar-mainmenu nav-collapse collapse always-show">

    <div class="t3-megamenu" data-responsive="true">

        <ul class="nav navbar-nav level0">

            <li class="current active" data-level="1" data-id="101">

            <li class="dropdown mega" data-level="1" data-id="102">

                <a class=" dropdown-toggle" data-toggle="dropdown" data-target="#" href="/http://index.php/en/products">

                Products

                <b class="caret"></b>

                </a>

                <div class="nav-child dropdown-menu mega-dropdown-menu weba" data-width="800" data-class="weba" style="width: 800px;">

                <div class="mega-dropdown-inner">

                <div class="row-fluid">

                <div class="span12 mega-col-module" data-position="87" data-width="12">

                 <div class="mega-inner">

                 <div class="moduletable">

                 <div class="custom">

                        <table class="status">...</table>

                 </div>

                 </div>

                </div>

                </div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                <div class="span3 mega-col-nav" data-width="3">...</div>

                </div>

                </div>

                </div>

            </li>

            <li class="dropdown mega" data-level="1" data-id="245">...</li>

            <li class="dropdown mega" data-level="1" data-id="273">...</li>

            <li class="" data-level="1" data-id="207">...</li>

            <li class="" data-level="1" data-id="281">....</li>

            <li class="dropdown mega" data-level="1" data-id="282">...</li>

        </ul>

    </div>

</div>

Any advice is appreciated. At the moment I'm orientating how I can get things rollin.

Thanks alot,
Sepp