Make DIV visible dynamically based on Database record using jQuery

Add an runat="server" to your div, like

<div id="divID1" runat="server"></div>

Then on your Code Behind

divID1.Visible = true;

Hi iammann,

 I have created a sample which full fill your requirement

HTML

<div>
    <div id="Div0" style="display: none">
        DIV0
    </div>
    <div id="Div1" style="display: none">
        DIV1
    </div>
    <div id="Div2" style="display: none">
        DIV2
    </div>
    <div id="Div3" style="display: none">
        DIV3
    </div>
    <div id="Div4" style="display: none">
        DIV4
    </div>
    <div id="Div5" style="display: none">
        DIV05</div>
    <div id="Div6" style="display: none">
        DIV06</div>
    <div id="Div7" style="display: none">
        DIV07</div>
    <div id="Div8" style="display: none">
        DIV08
    </div>
    <div id="Div9" style="display: none">
        DIV09
    </div>
    <div id="Div10" style="display: none">
        DIV10
    </div>
    <div id="Div11" style="display: none">
        DIV11
    </div>
    <div id="Div12" style="display: none">
        DIV12
    </div>
    <div id="Div13" style="display: none">
        DIV13
    </div>
    <div id="Div14" style="display: none">
        DIV14
    </div>
    <div id="Div15" style="display: none">
        DIV15
    </div>
    <div id="Div16" style="display: none">
        DIV16
    </div>
    <div id="Div17" style="display: none">
        DIV17
    </div>
</div>
<div>
    <script type="text/javascript" src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "POST",
                url: "Default4.aspx/GetTableValues",
                data: '{}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var xmlDoc = $.parseXML(response.d);
                    var xml = $(xmlDoc);
                    var divDetails = xml.find("DivVisibility");
                    $.each(divDetails, function () {
                        var divId = 'Div' + $(this)[0].text; // you need to change this line of code according to your table values.
                        $('#' + divId).attr('style', 'display:block');
                    });
                }
            });
        });
    </script>
</div>

C#

[WebMethod]
public static string GetTableValues()
{
    string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    SqlConnection con = new SqlConnection(constr);
    SqlCommand cmd = new SqlCommand("SELECT EmployeeID FROM Employees ORDER BY EmployeeID", con);
    SqlDataAdapter sda = new SqlDataAdapter(cmd);
    DataTable dt = new DataTable("DivVisibility");
    sda.Fill(dt);
    DataSet ds = new DataSet("DivContainer");
    ds.Tables.Add(dt);
    return ds.GetXml();
}

Output