Clicking button action to get image

Question

i have not used flash in over 10 years so getting back into it is more complicated than it was years ago. i have a graphical image i made in photoshop and want to make it so that if you click on certain areas of the image, a small graphic will appear in the same spot and when you click the spot again, the image will disappear. i know this is pretty simple but have no idea how to go about doing it. please help!!

Answer 1

When I created the document I had chosen html5 instead of actionscript 3.0. Made a new workspace and corrected that and now its testing. I tried having the button and graphic in the same frame, same layer different frame, and different layers but instead of clicking the button so the graphic appears the graphic is just blinking rapidly because its looping back or something. There is the stop code in the actionscript so not sure why it isn't just doing it once and then stopping. I copied the code you had and replaced the names for the button and graphic so this is what I have:
graphic1.visible = false;
btn1.addEventListener(MouseEvent.CLICK, show_hide_Graphic);
function show_hide_Graphic(evt:MouseEvent):void {
     // get the button name to use for targeting the graphic
     var btnName:String = evt.currentTarget.name;
     // make the graphic's visibility the opposite of what it currently is
     this["graphic_"+btnName].visible = ! this["graphic_"+btnName].visible;
     if(currentFrame == 1){
         play();
stop();
So right now the button and graphic are on the same layer and same frame with the actionascript on a different layer for the same frame. I put a keyframe on hit for the button.