Exchange Button with an Image?

Exchange Button with an Image?

Hey Guys,

I`am using jQuery to hide / show content and I want to exchange the Button (<button></button>) with an Image, which I can press like a button to show / hide the content, but I dont know how I can handle this.

This is the jQuery file I use:

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

-------------------------------------------------

This is the Script-Code:

  1.     <script type="text/javascript">
    $(document).ready(function(){
              $('button').click(function() {
                     $(this).parent().find("#container").toggle("slow");
            });
          });
        </script>






-------------------------------------------------

And this how I put the content between the code:

  1.        <button>Sidebar</button>
     
        <div id="container">CONTENT TO SHOW / HIDE COMES HERE IN</div>



-------------------------------------------------

Best Regards

Maximus :)