Bulletedlist control

[haripriyamca05]

i have bulletedlist control with two items and its display mode is linkbutton. In same page i have html table row hidden with some other controls. i want to make display of that hidden row in onclick of bulletedlist listitem.

The problem is that when i click the listitem hidden row is getting display and hiding immediately (flicker). My Code is

.aspx page

<script language="javascript" type="text/javascript">
function displayHiddenRows(){
    hidden_row_object = document.getElementById("tr_option");
    hidden_row_object.style.display = 'table-row';
} 

</script>

<table align="center" cellpadding="2" cellspacing="0" width="90%">
    <tr>
        <td width="50%"></td>
        <td>
            <asp:BulletedList ID="bll_type" runat="server" BulletImageUrl="~/images/bullet.png"
                BulletStyle="CustomImage" DisplayMode="LinkButton" Font-Italic="False"
                Font-Names="Verdana" Font-Size="Larger" AppendDataBoundItems="True" ToolTip="Click for Option" OnClick="bll_type_Click">
                <asp:ListItem>PO Copy</asp:ListItem>
                <asp:ListItem>DataSheet</asp:ListItem>
            </asp:BulletedList>
        </td>
    </tr>
    <tr align="center" id="tr_option" style="display:none;">
        <td width="50%" valign="middle">
            <asp:ImageButton ID="imgbtn_upload" runat="server" ImageUrl="~/images/file_upload.png" Height="50px" ImageAlign="Middle" OnClick="imgbtn_upload_Click" ToolTip="File Upload" />
            <a href="po_fileupload.aspx">File Upload</a></td>
        <td class="tdtext" valign="middle">
            <asp:ImageButton ID="imgbtn_search" runat="server" ImageUrl="~/images/search.png" Height="50px" ImageAlign="Middle" ToolTip="File Search" />
            <a href="#">Search</a></td>
    </tr>   
   </table>    

C# page

bll_type.Attributes.Add("onclick", "javascript:displayHiddenRows();");