手风琴div。从其他页面打开特定链接

Question

以下是TestPage1.html

   <p class ="User"> 
   <a name="H1"></a>HEADING1</p>

   <div class="description" style="display:none">

--CONTENT OF THE PANEL---

   </div>

   <p class ="User">
   <a name="H2"></a>HEADING2 </p>

   <div class="description" style="display:none">

   --CONTENT OF THE PANEL---

    </div>

当用户点击Heading1或Heading2时，内容会折叠/展开。

以下内容位于另一页（Testpage2.html）中。因此，当我点击链接时，它应该打开HEADING1中的内容。

    <a href="NAME OF PAGE.HTML#H1">LINK</a>

这是JQUERY：

    $(document).ready(function() { 
    $(".description").hide();   

    $(".User").click(function()  {    
    $(this).next(".description").slideToggle(500);  });  

    $(".User").click(function(event){ 
    window.location.hash=this.hash; 
    }); 

   });
    </script>

感谢任何帮助。