Hide and show div using jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".detailDiv").hide();
        $('.submit').click(function(){
        $(".detailDiv1").hide();
 $(".detailDiv").slideToggle();
 });

 $(".detailDiv1").hide();
        $('.submit1').click(function(){
         $(".detailDiv").hide();
 $(".detailDiv1").slideToggle();
 });

});

</script>
<input name="submit" type="submit" value="view correct answer" class="submit" />
<input name="submit" type="submit" value="view incorrect answer" class="submit1" />
<div class="detailDiv">content</div>
<div class="detailDiv1">content</div>