動畫一個隱藏的Div但保留了ASP水印擴展器

我有一個需要隱藏的div，然後通過jQuery顯示。動畫一個隱藏的Div但保留了ASP水印擴展器

在該div中有一個asp文本框，其中分配了asp文本框水印擴展器。

如果我離開div顯示一切工作正常。但是，當我隱藏div時，顯示水印擴展器不會顯示，直到您點擊進出文本框。

我試圖表示/通過隱藏在div：

顯示：無;然後通過.fadeIn（'slow'）;
身高：0;然後通過.animate顯示（{'height'：'200px'}，「slow」）;

在每種情況下，水印在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"); 
}

}

感謝。

來源

2013-02-22 JIbber4568

，你能告訴我們的標記和代碼？ – coder 2013-02-22 16:20:58

我已經更新上面。謝謝 – JIbber4568 2013-02-22 16:30:53

您是否嘗試過使用懸停（）功能？ 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); 
    });

來源

2013-02-22 16:32:12

謝謝，但是這並沒有解決一旦div顯示後水印不顯示的問題。 – JIbber4568 2013-02-25 10:06:19

動畫一個隱藏的Div但保留了ASP水印擴展器

回答

相關問題