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

Question

这是我正在使用的http://jsfiddle.net/wajPw/

在示例中，请注意第 1 节的第一句中有一个上标“1”。

当用户点击“1”时，我想跳转到页面底部的“参考”部分，同时打开该内容。我已经能够让它跳到锚点或打开，但不能同时打开。我也一直在尝试使用“window.location.hash”，但不确定这是否是正确的方法。

Answer 1

像这样的东西会模仿锚跳跃。

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

Answer 2

这可能会帮助您上路。

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

当然，这不会切换与指示的数字相对应的 li，但我不确定这是否是您想要的。

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