jQuery Forum

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);
           
        });
       
    });

});

I need to get the .singleSelector itemID of only selected items:

$("#selectable").selectable({
        filter: ".singleSelector",
         selected: function( event, ui ) {
           
            //Get the attribute of .singleSelector and show
            var itemSelectedID = $('.singleSelector').attr('itemID');
            $('#here').text(itemSelectedID);

});