I've UI issue to show "ShowLink". It fades out when Page Loads up. Logically it should fade out when user clicks ShowLink. Can anyone help me to fix the bug in the code ? 

```
<table width="100%">
    <tr>
        <td valign="top" style="padding-top: 20px;">
            <asp:Label ID="Label1" CssClass="number" runat="server" />
            <div>
                <a id="A1" href="#">Show Details</a>
            </div>
        </td>
        <td valign="top" style="padding-top: 20px;">
            <asp:Label ID="Label2" CssClass="question" runat="server" ClientIDMode="Static" />

            <div id="Div1">
            </div>
        </td>
    </tr>
</table>

<script type="text/javascript" src="/Scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#showLink').toggle(function () {
            $('#questionDetails').load('/Reviews/Sub/ViewQuestion.aspx?id=<%= pageId %> #questionContainer');
            $('#questionDetails').fadeIn();
            $(this).text("Hide Detail...");
        },
    function () {
        $('#questionDetails').fadeOut();
        $(this).text("Show Detail...");
    }
    );
        var nmbr = $(".number");
        nmbr.parent().width(nmbr.width() + 50);
    });
</script>

```