页面加载时使用散列链接无效的切换元素

Question

我是新来的JavaScript和使用jQuery切换效果的按钮来打开和关闭下面的div。这里是我的html：

<article id="book-section"> 
<h3>The new collection</h3> 
<a class="btn" href="#book-list-one">Book list</a> 
<div> 
<ul> 
    <li>Book one</li> 
    <li>Book two</li> 
    <li>Book three</li> 
    <li>Book four</li> 
</ul> 
</div> 
</article> 

这里是我的javascript

$(document).ready(function() { 
$(".btn").click(toggle); 
function toggle() { 
    { 
     $(this).toggleClass("open").next().slideToggle(); 
     return false; 
    }; 

    $("a[href='" + window.location.hash + "']").parent(".btn").click(); 
} 
}); 

它应该是开放的div包含图书列表时的index.html＃用户类型的书列表之一，但它没有。切换效果工作得很好。我无法弄清楚问题是什么。任何帮助，将不胜感激！！！ 在此先感谢！

更新：这里是JSfiddle

Answer 1

您已经闭架的功能设置不正确：

$(document).ready(function() { 

    $(".btn").click(toggle); 

    function toggle() { 
    $(this).toggleClass("open").next().slideToggle(); 
    return false; 
    } 

    // and seems like the a tag in html snippet posted 
    // doesn't have parent with the class name `.btn`, 
    // $("a[href='" + window.location.hash + "']").parent(".btn").click(); 
    // instead try access it directly 
    $("a[href='" + window.location.hash + "']").click(); 

});