Give your link an ID of Link1. Put the link in a DIV with an ID of Div1. Put the image you wish to show in a DIVE with an ID of Div2 and set the style to
style="display:none;"
.
Finally, add this code to the bottom of your page:
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type ="text/javascript">
$(function () {
$("#Link1").click(function () {
$("#Div1,#Div2").toggle();
}
)
});
</script>
What we're doing here is creating containers for the UI elements that we want to hide/display. We load the jQuery library and then add a click handler for your link (you can use anything, like a button, div, whatever).
The click handler simply selects the two divs and toggles their visibility.
Cheers.