activate a tab after an ajax call

Hi     My main file(edit_sd_ticket_ui.rhtml) has the following format (differnt tabs)

<tr>   <td height="35" >    <ul id="sdmaintab" class="shadetabs">      <li class="selected"><a href="#" rel="sddetails">Details</a></li>      <li><a href="#" rel="view_sd_resolution_details">Resolution</a></li>      <li><a href="#" rel="view_sd_attachment_details">Attachments</a></li>    </ul>   </td> </tr>

<div class="tabcontentstyle"> <div id="sddetails" class="tabcontent">   <%= render :partial=>'service_desk_part/edit_sd_details' %> </div> <div id="view_sd_resolution_details" class="tabcontent">   <%= render :partial => 'service_desk_part/ view_sd_resolution_details' %> </div> <div id="view_sd_attachment_details" class="tabcontent">    <%= render :partial => 'service_desk_part/view_sd_attachment_details'%> </div> <% activeTabNo=(params[:activeTab].nil?)?0:params[:activeTab]%> <script type="text/javascript"> //Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma. initializetabcontent("sdmaintab") expandtab("sd_ticket_view_main_tab", <%= activeTabNo %>) </script>

So here always first tab highlighted.Now i am calling an ajax function link_to_remote from bottom of the file and before that takes place I have to activate the second tab( ie tab for Resolutions) .How can i do this?I tried with :before with link_to_remote .But how?I have a javascript function for expanding the tab expandtab("sd_ticket_view_main_tab", <%= activeTabNo %>)..But for that I have to reload the page..How can I do without reloading the page after(before) this ajax call ?

Sijo

Try changing the class of the two tabs before the ajax call in the javascript.