Target all elements inside div except one...

Target all elements inside div except one...

Hi there,
I have this code in a js file:
  1. $(document).ready(function(){

  3. $(".accordion p").hide();
  4. $(".accordion div").click(function(){
  6. $(this).next("p").slideToggle("slow")
  8. });

  10. });
... and this code in my HTML file:

  1. <div class="outer">
  2. <div class="article_name">
  3. <h2><a href="#">Should Comment Forms Have More Fields?</a></h2>
  4. </div>
  5. <div class="article_date">
  6. Feb 11th 2010
  7. </div>
  8. <div class="article_category">
  9. Discussion
  10. </div>
  11. </div>
  12. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
I'd like that when I click the outer div, p is shown (it's working). But I'd also like, that when the H2 link is clicked, p doesn't show - instead it should follow the link. How can I do that?

Thanks!