Hi.
...und wenn ich deine Frage richtig gelesen hätte, hätte ich auch nicht so einen Murks geschrieben! ;)
Wenn du willst, dass das Element bei 'mouseover' eingblendet, bei 'mouseout' ausgeblendet und bei 'click' behalten wird, musst du nach dem Prinzip wie ich's dir beschrieben habe drei EventListener an dein link-Element anhängen.
Da dein "layer1" aber dann aber aufgrund "mouseout" trotz "click" wieder auf display = none; gesetzt würde, bietet sich hier die seltene Gelegenheit, die removeEventListener-Methode sinnvoll zu nutzen.
Schreib in deine click-Funktion:
link1.removeEventListener( 'mouseout', hideLayer1 );
...oder wie du die entsprechende Funktion dann auch immer genannt hast.
Sorry für den Dreifachpost. Bin etwas zerstreut. Aber ich hoffe das Prinzip ist klar geworden und dass es dir weiterhilft...
Gruß.
var
formerly known as Roadster