I have some jquery which reveals and hides new div's based on which button is pressed. Rather than buttons i would like to insert my own text/image and have them work in the same way, revealing and hiding the new windows.

Here is the jquery:

<script>
    $(document).ready(function(){

        $(".buttons").click(function () {
        var divname= this.value;
          $("#"+divname).show("slow").siblings().hide("slow");
        });

      });
</script> 

Here is the code for one of the buttons which i would like changed to a a href tag.

<input type="button" id="button1" class="buttons" value="div1"></input>

Any help will be greatly appreciated. Thanks. Pia