0

I'm trying to implement tabs on a website i'm working on but i'm having trouble making the first tab default.

I'm using the code from jscrollpane:

        <script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.menu').each(
                function()
                {
                    var currentTab, ul = $(this);
                    $(this).find('a').each(
                        function(i)
                        {
                            var a = $(this).bind(
                                'click',
                                function()
                                {
                                    if (currentTab) {
                                        ul.find('a.active').removeClass('active');
                                        $(currentTab).hide();
                                    }
                                    currentTab = $(this).addClass('active')
                                                    .attr('href');
                                    $(currentTab).show().jScrollPane();
                                    return false;
                                }
                            );
                            $(a.attr('href')).hide();
                        }
                    );
                }
            );
        });
    </script>

And my menu looks like this:

<ul class="menu">
<li><a href="#nyheder"><br>Nyheder<b class="nyhedfarve">+</b></a></li>
<li><a href="#events"><br>Events<b class="eventfarve">+</b></a></li>
<li><a href="#musik"><br>Musik<b class="musikfarve">+</b></a></li>
<li><a href="#in"><br>Hvad rør sig?<b class="infarve">+</b></a></li>
<li><a href="#portrait"><br>Portræt<b class="portraitfarve">+</b></a></li>
<li><a href="#om"><br>Om Street News<b class="omfarve">+</b></a></li>
</ul>

The tabs are working perfectly but i would love #nyheder to be the default tab, i tried with

).first().find('a').trigger('click');

but without luck.

user894904
  • 3
  • 1

1 Answers1

0

This should click the first a link on page load:

$(document).ready(function() {
    $('a').first().click();
});

Or if you have a lot of links and want to be sure you hit the menu ones:

$('ul.menu').find('a').first().click();
banelos
  • 16
  • 1