I am absolutly new in JavaScript and jQuery and I have the following problem.

I have the following jQuery script:

```
$(document).ready(function () {
        $("thead.opening").click(function () {
            $(this).next().slideToggle('slow', function () {
                $(this).prev("thead.opening").toggleClass("active");
                $("thead.opening").find(".imgAccordion").attr("src", "img/arrow.gif");
                $("thead.active").find(".imgAccordion").attr("src", "img/arrow_down.gif");
            });
            return false;
        });
    });

```

and in my HTML I have something like this:

```
<table class="standard-table-cls table-header-cls">
        <thead class="opening active">
        <tr>
            <th>
                <img class="imgAccordion" src="img/arrow_down.gif"/>
                Ricerca Flussi (la funzione e' consentita per flussi inferiori alle 300 fatture)
            </th>
        </tr>
        </thead>

        <tbody class="expanded">
            <tr>
                <td style="width: 100em;">
                    SHOW SOMETHING
                </td>
            </tr>
        </tbody>
</table>

...........................................................
...........................................................
...........................................................

<table class="standard-table-cls table-header-cls">

    <thead class="opening">
        <tr>
            <th>
               <img class="imgAccordion" src="img/arrow.gif"/>
               Ricerca Fatture
            </th>
        </tr>
    </thead>

    <tbody class="expanded" style="display: none;">
        <tr>
            <td style="width: 100em;">
                 SHOW SOMETHING ELSE
            </td>
        </tr>
    </tbody>

<table>

```

As you can see in my code there is 2 different tables both having the same classes (`standard-table-cls table-header-cls`).

When I click on the `thead` of one of these table it seems to me that the previous script is perfromed (it is right or am I saying wrong assertion?).

I think so because this statment:

```
 $("thead.opening").click(function () {....... 

```

means something like: perform the body of the defined function() when the user click on any `thead` element having `class=opening`.

Is it my reasoning correct?

No my doubt (and also the related problem) is: how jQuery know what is the specific `thead.opening` clicked by the user (the one related to the first table or the one related to the second table)?

What exactly represent the `$(this)` element in the previous script? (it is the selected object or what?)

And finally, how can I modify the previous script to obtain the reference of the inner `tbody` of the same table of the `thead.opening` clicked?

Tnx