ok..after going through few articles, documentation and examples, tried various ways.
this works when it is div classes tags and not for the classes inside table.
i also tried to work this way,
slideToggle() is not achieving it. dont' know why.
$('.mytbody1').toggle(); //this is what works. giving $('.mytbody1').slideToggle(); makes the mytbody3 to appear first and then toggles up. so changed slideToggle to toggle.
actually the above two lines toggles perfect but i need gradual sliding. i also tried with slideUp, it slidesUp but not gradually. i messing/missing something.
once again i put my question here:
.mytbody1 slides up gradually and hides while .mytbody3 comes out gradually and shows and vice versa on clicking the anchor link. the link also goes up and down as per the sliding.
i am making some mistakes in jQuery and not able to identfify the correct syntax. will try to give an working external link.
Any help is highly appreciated. got to finish this. any working example would be great.