动画隐藏Div但保留asp水印扩展程序

Question

我有一个div，需要隐藏，然后通过jQuery显示。

在该div中有一个asp文本框，其中分配了一个asp文本框水印扩展程序。

如果我离开显示的div，一切都很好。但是，当我隐藏div时，在显示时水印扩展程序不会显示，直到您单击文本框内外。

我试图通过以下方式显示/隐藏div：

• 显示:无；然后通过.fadeIn显示(“缓慢”)；
• 高度: 0；然后通过.animate显示({‘高度’：‘200 via’}，“缓慢”)；

在每种情况下，水印都不会在div出现时显示。

以前有没有人遇到过这个问题。为了解决这个问题，在jQuery中还有其他方法可以显示/隐藏div吗？

<asp:ImageButton ID="btnFilter" runat="server" ImageUrl="mmmmmmmmmmmmm" OnClientClick="AnimateDivHeight('divFilter', 150)" />
<div id="divFilter" style="height: 0px; overflow: hidden;">
            <asp:Panel ID="pnlListsFilters" ClientIDMode="Static" runat="server">                                        

                                <asp:TextBox ID="txtListsFilterSearch" runat="server" CssClass="formfield" Width="220" AutoPostBack="true" />
                                <asp:TextBoxWatermarkExtender id="tbweListsFilterSearch" runat="server" WatermarkCssClass="formfield-watermarked" WatermarkText="e.g. created by, tags, title" TargetControlID="txtListsFilterSearch" />&nbsp;&nbsp;

            </asp:Panel>
        </div>


function AnimateDivHeight(div, height) {
if ($('#' + div).height() == 0) {
    $("#" + div).animate({ 'height': height + 'px' }, "slow");
}
else {
    $("#" + div).animate({ 'height': '0px' }, "slow");
}

}

谢谢。

Answer 1

您试过使用悬停()函数吗？http://api.jquery.com/hover/

我只是做了一个子菜单，通过隐藏第二个div并在悬停上显示它。如果你想让它在没有悬停的情况下出现，也许是一个onLoad事件？

这是我用子菜单做的，如果有帮助的话.

$(document).ready(function () {             /* Function to create Sub Menus */


    var speed = 600;                                      //The Variable 'speed' is in milliseconds 
    $('li').hover(function () {               //Hover Function
                                  //Show its submenu            
   $(this).children('.nav2').stop().slideDown(speed);     
        },
        function () {
   $(this).children('.nav2').stop().hide(speed);
   });