Toggle (Show and Hide) a function

Toggle (Show and Hide) a function

Hi I have what I thought was a simple problem but my solution does not work.

On click of #FuBuHelp I need to toggle (Show/Hide) the .HelpBox and .HelpInformation, I have tried to simply change this line "$('.HelpBox').text(HelpInformation).show();" to .toggle instead of .show and this works but once toggle is on "Show" the .HelpBox and  . HelpInformation flickers and I move the cursor. I'm guessing I'm being blinded by something and the   // Co-Ordanties is also toggling .... any help or advice of links would be a great help!


$(document).ready(function(){

    // Help Button
    $('#FuBuHelp').click(function(){
       
        $('.Help').mousemove(function(e){

            var HelpInformation = $(this).attr('HelpInformation');
           
            $('.HelpBox').text(HelpInformation).show();
            $('.HelpBox').css('top', e.clientY+10).css('left', e.clientX+10);           
           
        }).mouseout(function(){
       
            $('.HelpBox').hide();
           
        });
       
        // Co-Ordanties
        $(document).mousemove(function(e){
       
            $('#co').text('x: ' + e.clientX + ' y: ' + e.clientY);
           
        });
       
    });

});