Show Hide Using Panel.

We are going to implement a show hide feature by using a panel.

Add one panel,linkbutton and hiddenfield in the page,Add attributes to onclick of linkbutton and pass Panel client id,linkbutton & hiddenfield client id.And call the method ShowHide.

function ShowHide(pnlGridId,lbtnId) 
{
    var pnl = document.getElementById(pnlGrid);
    var lbtn = document.getElementById(lbtnId);
    var hdnDisplay = document.getElementById(hdnDisplayId);
   
    if (pnl.style.display == "none") 
    {
        pnl.style.display = "block";
        lbtnShow.innerHTML = "Hide Details";       
        hdnDisplay.value = 'B';
    }
    else 
    {
        pnl.style.display = "none";
        lbtnShow.innerHTML = "Show Details";      
        hdnDisplay.value = 'N';
    }   
    return false;
}

function CheckShowAndHideOnLoad() 
{
    var pnl = document.getElementById(pnlGrid);
    var lbtn = document.getElementById(lbtnId);
    var hdnDisplay = document.getElementById(hdnDisplayId);
    
    if (hdnDisplay.value == 'B') 
        lbtnShow.innerHTML = "Hide Details";      
    else if (hdnDisplay.value == 'N') 
        lbtnShow.innerHTML = "Show Details";
}