Hi,

Below i have posted the code for my Question.On clicking the anchor link, it does toggle. but the class"mytbody3"should hide on anchor link sliding down. i understand, an if condition should solve this but with limited jQuery coding knowledge, i am not sure how to write it. can someone help with this.


Thanks.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>


<script>


jQuery(document).ready(function(){
$('.mytbody1').show();

$('.mytbody3').hide();

$('.mytbody2').live('click', function () {

$('.mytbody1').slideToggle();
//$('.mytbody1').slideUp();

$('.mytbody3').show();

// $('.mytbody1').slideDown();
//$('.mytbody3').hide();


});


});


</script>




<style>
mytbody1
{
color:#00467F;
}


.mytbody3
{
color:#751590;
/* display:none; */


}
</style>


</head>


<body>




<div class="my class">
<table class="mytableclass">
<thead>
<th>firstheader</th>
<th>secondheader</th>
</thead>
<tbody class="mytbody1">
<tr>
<td>row1</td>
<td>row2</td>
</tr>
</tbody>
<tbody class="mytbody2">
<tr>
<td><a href="#" >click me</a> </td>

</tr>
</tbody>
<tbody class="mytbody3">
<tr>
<td>row3 </td>
<td>row4</td>
<td>row5</td>
<td>row6</td>

</tr>
</tbody>
</table>
</div>
</body>
</html>
__________________
Create wonderful webpage within several simple steps
www.slicemaker.com