I started to study JQuery a week ago, so i'm still a beginner.

I have a difficulty: how to get access to JQuery buttons, which are located inside JQuery dialog? Here is the code of initializing the last one:

3. function initDialog()
4. {
5.       var enterLabel = "Log in";
6.       var closeLabel = "Close";
7.       var buttons = {};
8. 
   
9.       buttons[enterLabel] = function()
10.       {
11.             $("#check_logpass_text").slideDown(1000);
12.             //$("#Log in").fadeOut(1000);
13.             //problem string
14.             return 1;
15.       }
16.       buttons[closeLabel] = function()
17.       {
18.             closeDialog();
19.       }
20.       $("#win_login").dialog (
21.       {
22.             autoOpen: false,
23.             title: "System log in",
24.             position: ['center', 'center'],
25.             modal: true,
26.             resizable: false,
27.             width: '330',
28.             show: 'explode',
29.             hide: 'explode',
30.             buttons: buttons
31.             });
32.       }
33. }

As you can see in string #12, i'm trying to reach "Log in" button inside the dialog form, but can't do it: the button, i guess, does not have any id or class, so i can't call it as above. My aim is to make the button dissapear after click on it. Method slideDown, situated a string above, works well: its' purpose is to show a part of text ("check_logpass_text" is a class).

I was also trying to call fadeOut like this:

1. //$('buttons[enterLabel]').fadeOut(1000);

and like this:

1. //$("#win_login").dialog ("option", "buttons").fadeOut (1000);

and even like this %)

1. //$(this).fadeOut(1000);

but in first two cases it doesn't work at all, in the last one it hides the whole dialogs' document.

Thanks a lot for any help!