Conditional Click States

Question

Hello, I have a brief kind of hit state question, I have a button hit state called btnWorkH, below is the start of my code to make it functional. The idea being, that when someone clicks the button, I add a child to the top, to make it look like it has been clicked and is maintaining an alternate color. How would I code this so that it becomes a toggle? As, I need a click (once this action has been performed) that removes the child... just not sure how to write the condition for this.
Thanks all!
btnWorkH.addEventListener (MouseEvent.CLICK, workClick);
function workClick (e:MouseEvent):void{
    addChild (workO);
    workO.x = 62.5;
    workO.y = 109.3;
    addChild (txtAmy);
    txtAmy.x = 105.1;
    txtAmy.y = 109.3;

Answer 1

maybe i could be a bit more specific for this help, pertaining to Neds option:
mc to be interacted with = btnWork
it's hit area being = btnWorkH
It's rollover / rollout / click states = workOver, workOut, and workClick (the last setting the link to the colored "stay" state)
so, my attempt at your code would be as follows:
var workClicked:Boolean = false;
btnWorkH.addEventListener (MouseEvent.CLICK, workClick);
function workClick (e:MouseEvent):void{
     if (workClicked){
     btnWork.gotoAndStop ("workClick");
     clicked = false;
     addChild (txtAmy);
     txtAmy.x = 00
     txtAmy.y = 00
}    else{
     btnWork.gotoAndStop ("work");
     clicked =true;
     removeChild (txtAmy);
(that last "work" being the normal rest state of the mc).
I know this is flawed, still working on it, but just thought it may help me get this quicker to show you what I am seeing?