2011-07-25 4 views
0

にジャンプ私はこのjQueryの持っている:にOnclickは、アニメーションやセクション

$('.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'); 

をそれはすべてが動作します私はページ上の複数のリンクを持ってさらなるステップに行きたいとメニューがダウンしてくるのonclickやセクションがあります私は、リンク2をクリックするとメニューが表示され、セクション2はリンク2、リンク3はセクション3が表示されていることを示していますここなど

は、サイトへのリンクです:http://www.butterflybuns.com/area51/prices-ordering

調整するか、追加する必要がありますか?あなたがこれを行うことができます

おかげ

+0

コードをフォーマットできますか?ちょっとインデントするのはずっと進んでいます。 –

+0

完了、申し訳ありませんが、前にコードを置くことに問題がありました。 –

答えて

0

一つの方法は、適切なタブ上でclickを呼び出すことだけです。たとえば、タブ2に関連するリンクをクリックした場合:

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

素晴らしい感謝:) –

関連する問題