Script on post page not working

I am using wordpress,on my post page i want to show/hide a div based on url #.my code is as follows

my url

http://ift.tt/1C2xQqq

script

 <script>     
  $( document ).ready(function() {   
     var x = location.hash;
     alert(x);   //--> alert is showing #test1
     var test = "$('"+ x +"')";     
     test.next().children().eq(1).css("display", "block"); // --> not working
  });
 </script>

html

<div> 
  <a  name="test" id="test1">test1</a>
  <div class="toggle">
    <a class="trigger" href="#">test1</a>
    <div class="box" style="display: none;">hidden content</div> /* want to show this div */
  </div>
  <a  name="test" id="test2">test2</a>
  <div class="toggle">
    <a class="trigger" href="#">test2</a>
    <div class="box" style="display: none;">hidden content</div>
  </div>
</div>

Can anyone help Please!!