折叠切换面板（div），它响应url中的锚点

Question

对于常见问题我需要一个与此类似的切换面板：
http://roshanbh.com.np/examples/exapandable-panel/

一个特点是它总是需要通过URL中的锚点打开我请求的盒子 ./faq.php#middle应打开中间的方框，并将所有其他方框都折叠起来 如果在URL中没有给出锚点，则只应打开第一个框。

如何使这个工作？

Answer 1

$(document).ready(function(){

    $('a[href^="#"]').click(function(){
        var id = $(this).attr('href');
        $(id).show();
    });

    if (location.hash) {
        $(location.hash).show()
    }
});