Colspan doesn't work with user toggle

Colspan doesn't work with user toggle

Dear user,

I'm using jQuery now for 1 week and it works great! I have only 1 problem. The collspan doesn't work with the toggle option.

Can someone tell me what i'm doing wrong?

   
    
    
  1.  
      
    
       
        
    
         <script type="text/javascript">
        
    
        
    
         
         $(document).ready(function() {
        
    
        
    
         
         $("tr.hiddenedit").hide();
        
    
        
    
         
         $("a.edit").click(function() {
        
    
        
    
         
         
        
    
        
    
         
         $(this).parent().parent().next("tr.hiddenedit").slideToggle();
        
    
        
    
         
         });
        
    
        
    
         
         
        
    
        
    
         
         
        
    
        
    
         
         });</script>
        
    
           
      
    2. 
   
    
    
     
  1.  <tr class="table_row_2"> <td> #1</td> <td>Admin login title</td> <td>test</td> <td><a href="#" class="edit" ><img src="http://localhost/v3/includes/icons/page_edit.png" alt="edit" /></a></td> <td><a href="http://localhost/v3/siteactions/admin/sitesections/delete/" class="delete" ><img src="http://localhost/v3/includes/icons/cross.png" alt="delete" /></a></td> </tr> <tr class="hiddenedit"> <td colspan="5" > <div> <form action="http://localhost/v3/siteactions/admin/sitesections/edit/" method="post"> <fieldset> <input type="text" name="definition" value="" /> <input type="text" name="description" value=""/> <input type="submit" name="submit" value="Submit" class="submit" /> </fieldset> </form> </div> </td> </tr> 
    2.