How do I hide the middle of a table using jQuery?

前端未结

关注

 6  888

时光取名叫无心 2020-12-23 12:28

I have a really long 3 column table. I would like to


    <         

        
          6条回答        

        
                    
            
            
                         
                
              
              
                
                   谎友^
                                             
                
                
                (楼主)
            
              
              
                2020-12-23 13:31
              

            
            
                        
Something like this could work:


    Column1 Column2


        
      
      
      

    
      Column1 Column2
      Column1 Column2
      Start Hiding
    
    
      Column1 Column2
      Column1 Column2
      Column1 Column2
    
    
      End Hiding
      Column1 Column2
      Column1 Column2
    



$('#something').click( function() {
    $('.Table_Middle').hide();
    $('.Show_Rows').show();
});

$('.Show_Rows').click( function() { 
    $('.Show_Rows').hide();
    $('.Table_Middle').show();
});

Column1	Column2
Column1	Column2
Start	Hiding
Column1	Column2
Column1	Column2
Column1	Column2
End	Hiding
Column1	Column2
Column1	Column2