I have a div that contain two child div my problem is the child div is not showing
here is my aspx page code
<script type="text/javascript">
function loadScript()
{
$("#Info_dialog").dialog("destroy");
$("#Info_dialog").dialog({
resizable: false,
draggable: false,
width: 300,
modal: true,
autoOpen: false,
buttons: {
OK: function () {
$(this).dialog("close");
}
},
zindex: 2000,
title: 'Message'
});
if ($("#Info_dialog").children().length > 0)
{
$("#Info_dialog").dialog("open");
}
}
var Manager = Sys.WebForms.PageRequestManager.getInstance();
Manager.add_endRequest(function () {
loadScript();
});
$(function () {
loadScript();
});
</script>
....................
<asp:UpdatePanel ID="up_FileContainer" runat="server">
<ContentTemplate>
div id="Info_dialog" style="display: none;" runat="server" clientidmode="Static">
<div class="infobar_green" runat="server" id="div_info" visible="false">
<asp:Literal ID="Lt_info" runat="server" Text="Record saved successfully!" />
</div>
<div class="infobar_red" runat="server" id="div_error" visible="false">
<asp:Literal ID="Lt_error" runat="server" Text="" />
</div>
</div>
<div id="FileContainerDiv" runat="server" class="fileblockcontainer">
<div class="file_block">
</div>
</ContentTemplate>
</asp:UpdatePanel>
and here is my .cs code
if (IsPostBack)
{
string ErrorString;
if (!SomeFunc(out ErrorString))
{
div_info.Visible = false;
Lt_error.Text = ErrorString;
div_error.Visible = true;
}
else
{
div_info.Visible = true;
div_error.Visible = false;
}
}
here child div is not showing or not showing even i inspect element in chrome