«

Problem : I have a nested repeater in which i am showing data through table

| title |
| description |
| title |
| description |

on load the description is hidden using div display:none

on clicking of title it shoul show me the description row..

the code i have used is



<script language="javascript" type="text/javascript">
<!--

// -->


function toggle_display(control)
{


if(control.style.display == "block")
{

control.style.display =

"none";
}


else
{

control.style.display =

"block";
}

}


</script>

<td>

<

div class="result_title_odd" id="result_title1_1" onclick="toggle_display
(result_detail1_1)"


onmouseout="className='result_title_odd'" onmouseover
="className='result_title_onMouseOver'">


Title:

<asp:Label runat=server ID="title" Text=<%#((DataRowView)Container.DataItem)
["Deal_Title"]% ></asp:Label>
</div>

</td>

<

tr><td> <div class="result_detail" id="result_detail1_1">
description:

<asp:Label runat=server ID ="Description" Text=<%#((DataRowView)Container.
DataItem)["Deal_Title"]% ></asp:Label>

</div>

style sheet i have used


<style type="text/css">



..result_group {

background-color: yellow;

width: 100%;

text-align: center;

border-top: black thin solid;
}


..result_title_odd {

background-color: lightcyan;

width: 100%;
}


..result_title_even {

background-color: lightgreen;

width: 100%;
}



..result_title_stars {

float: right;
}


..result_title_onMouseOver {

background-color: LightGrey;

cursor: hand;
}


..result_detail {

background-color: #ccffff;

display: none;

width: 100%;
}

</style>

Plz tell me how to achive this i will be very greatful to u



with regards

gaurav

--
Message posted via DotNetMonster.com
http://www.dotnetmonster.com/Uwe/For...p-net/200609/1