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 
    }); 
});