jQuery的切換 - 跳轉到命名錨切換，並打開它

Question

這裏就是我與http://jsfiddle.net/wajPw/

工作在這個例子中，注意到有一個標節的第一句中的「1」 1

當用戶點擊「1」時，我想跳轉到頁面底部的「參考」部分，同時切換該內容。我已經能夠讓它跳轉到錨點或切換打開，但不能同時打開。我也一直在嘗試使用「window.location.hash」，但不知道這是否正確。

Answer 1

這可能會幫助你在路上。

$('sup').on('click', function(){ 
    $('a[name="refs"]').parent().next().slideDown(); 
}); 

當然，這不會切換對應於所示數字的li，但我不確定這是否是您想要的。

http://jsfiddle.net/wajPw/1/

Answer 2

像這樣的事情會模仿錨跳。

$('a[href=#refs]').click(function(e){ 
    e.preventDefault(); //disable the default action of jumping to the link 

    //open it before we get there? 
    $('a[name=refs]').parent().click(); 

    //references offset.. 
    var refsOffset = $('a[name=refs]').offset().top; 

    //body,html animate selector is a cross-browser fix. 
    $('body, html').animate({ 
     scrollTop: refsOffset 
    }); 
});