hide/show divs

$(document).ready(function() {
$('.show').click(function() {
         $(this).next('div').slideToggle();
               
               
});

$('.hide').click(function() {
       
         $(this).parent().slideUp();
});
         $('.hide').click(function() {
       
         $(this).parent().slideUp();
});
});

<a href="#" class="show">Show</a>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="hide">Hide</a>
</div>
<a href="#" class="show">Show</a>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="hide">Hide</a>
</div>

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
    display: none;
}