jQuery Toggle - 跳转到命名锚点并打开它

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