Show/Hide Toggle from outside <div> tag.

Show/Hide Toggle from outside <div> tag.

Hello guys,

I'm hoping someone can assist, Im basically showing/hiding panes use a basic toggle. I have no issues being able to toggle the pane while inside the <div>, but I would like to add toggle switches at the top of my page so I can show and hide panes as when needed. I need help...

My script section:

$(document).ready(function(){

$(".togglearea1 .delete").click(function(){
$(this).parents(".togglearea1").animate({ opacity: "hide" }, "slow");
});

$(".togglearea2 .delete2").click(function(){
$(this).parents(".togglearea2").animate({ opacity: "hide" }, "slow");
});

});


My body section:
<body>
<br>
<br>

IM TRYING TO MAKE THE FOLLOWING TWO IMG TAGS CLOSE MY PANES BUT NOTHING HAPPENS WHEN CLICKED.
<img src="images/btn-delete.gif" alt="delete" class="delete" />Toggle 1st story
<br>
<img src="images/btn-delete.gif" alt="delete2" class="delete2" />Toggle 2nd story


<div class="togglearea1">
<h3>Jogger runs mile with rabid fox locked on her arm</h3>
<p>PRESCOTT, Ariz. (AP) - With a fox locked onto her arm, an Arizona jogger ran a mile to her car, where she was able to dislodge the animal, throw it into the trunk and drive to a Prescott hospital. The Yavapai County Sheriff's Office said the fox, which later attacked an animal control officer, tested positive for rabies.
The unidentified Chino Valley resident told deputies she was on a trail Monday at the base of Granite Mountain when the fox attacked, biting her foot. The woman said she grabbed it by the neck when it went for her leg and it latched onto her arm.

</p> THIS IMG TAG SEEMS TO CLOSE PANE FINE
<img src="images/btn-delete.gif" alt="delete" class="delete" />
</div>


<div class="togglearea2">
<h3>Sample heading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<img src="images/btn-delete.gif" alt="delete" class="delete2" /> THIS IMG PANE ALSO CLOSES OK
</div>


</body></html>