Onclick动画并跳转到部分

时间:2011-07-25 14:30:55

标签: jquery xhtml

我有这个jquery:

$('.tbl-link').click(function(){
    $('.tbl-content').animate({
        opacity: 'show',
        //height: '+=300px',
        marginTop: '330px'
    }, 1200).css({
        'display': 'block'
    });
});

$( '#info div:not(:first)' ).hide();

$('#info-nav li').click(function(e) {
    $('#info div').hide();
    $('#info-nav .current').removeClass("current");
    $(this).addClass('current');

    var clicked = $(this).find('a:first').attr('href');
    $('#info ' + clicked).fadeIn('fast');
    e.preventDefault();
}).eq(0).addClass('current');

一切正常但我想更进一步我在页面上有多个链接并且点击菜单下来并且有一个部分有标签,在该部分我有3个标签每个链接一个,我是什么想要的是,如果用户点击链接2菜单关闭并显示链接2的第2部分,链接3显示相同但显示第3部分等。

此处是指向该网站的链接:http://www.butterflybuns.com/area51/prices-ordering

我需要调整或添加什么来实现它呢?

感谢

1 个答案:

答案 0 :(得分:0)

您可以这样做的一种方法就是在相应的标签上调用click。例如,如果您单击与选项卡2相关的链接:

$('#info-nav li').eq(1).click();