My page has a bottom and hidden <div> text area.
inside the div there is a text and link bottom [X]
1) Clicking the bottom:
make the bottom inactive and display the text.
2) Clicking the [X]
hide the <div> and make the bottom active again.
with some help from (vgiambattista) I have done the first step but I can't do the second.
this is the code, if you please help me.
Thanks
<asp:Button ID="btn" runat="server" Text="click me" OnClientClick="return false;" />
<div id="help" class="panel" style="display:none;">
<asp:LinkButton ID="btnClose" runat="server" OnClientClick="return false;" Style="background-color: Red;
color: #FFFFFF; float:right; text-align: center; font-weight: bold; text-decoration: none;
border: outset thin #FFFFFF; padding: 5px;" Text="X" ToolTip="Close">
</asp:LinkButton>
This is my panel This is my panel This is my panel This is my panel This is my panel
</div>
<cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="btn">
<Animations>
<OnClick >
<Sequence>
<EnableAction Enabled="false" />
<Parallel AnimationTarget="help" Duration=".3" Fps="25">
<StyleAction AnimationTarget="help" Attribute="display" Value="block"/>
<Move Horizontal="150px" Vertical="200px" />
<Color AnimationTarget="help" PropertyKey="backgroundColor"
StartValue="#AAAAAA" EndValue="#FFFFFF" />
</Parallel>
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btnClose">
<Animations>
<OnClick>
<Sequence>
<StyleAction AnimationTarget="help" Attribute="hidden" Value="block"/>
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>