title: jQuery toggle next P
body: <p>Im trying to create a function that will toggle a paragraphs display CSS when a button is clicked only i cant seem to get it to work at all, My browser just goes back to the top of the page? My jQuery is... </p>
  
  <pre><code>$('.useful-links ul li a').click(function(){
      $('.useful-links ul li a').parent('li').find('p').toggle();     
  });
  </code></pre>
  
  <p>and my markup is</p>
  
  <pre><code>&lt;li&gt;
       &lt;a href="#"&gt;RESIDENTIAL AGENTS&lt;/a&gt;
       &lt;p style="display:none;"&gt;sfsdfsdfsd&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>