Can someone help me? :)

Can someone help me? :)

Hello,

I'm having a small problem, I'm trying to reach this: (This is just regular JavaScript).

But, when I'm trying to get it working on Mozilla FireFox (Combined with MacBook Pro), it fails. So I want to try with jQuery, but I don't know about it, can someone help me? :)
  1. function changeText(){
                        document.getElementById('side1').innerHTML = 'Things';
                    }
                    function changeTextBack(){
                        document.getElementById('side1').innerHTML = 'Cookies';
                    }
                    function changeTextClick(){
                        document.getElementById('side1').innerHTML = 'Things';
                        document.getElementById('menu1').setAttribute("onMouseOut","changeText()")
                    }








  2. <span id="menu1" onMouseOver="changeText()" onMouseOut="changeTextBack()" onClick="changeTextClick()" >
                                <a>Link menu</a>
                            </span>

  3. <span id="side1">
                                    Cookies
                                </span>