<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
       
        $(".close-button").click(function() {
           
             $(".close-button").css("display","none");
             $(".open-button").css("display","block");
             
        },function(){
            $(".open-button").css("display","block");
            $(".close-button").css("display","none");
      
            });
   
      $(".open-button").click(function() {
           
             $(".open-button").css("display","none");
             $(".close-button").css("display","block");
             
        },function(){
            $(".open-button").css("display","none");
            $(".close-button").css("display","block");
      
            });   

});
</script>

<style type="text/css">
.open-button {
    height: 22px;
    width: 22px;
    background-image: url(../images/plus-box.jpg);
    background-repeat: no-repeat;
    position: relative;
    z-index: 15;
    margin-top: -368px;
    margin-left: 675px;
    display: none;
}

.close-button {
    height: 22px;
    width: 22px;
    background-image: url(../images/negative-box.jpg);
    background-repeat: no-repeat;
    position: relative;
    z-index: 15;
    margin-top: -368px;
    margin-left: 675px;
    display: block;
}
</style>

<div class="open-button"></div>
<div class="close-button"></div>