Click the button to achieve hidden scaling of table?

clipboard.png
want to click "View more" to display the information that does not display the full table, and the text becomes "put away". When you click "put away", then shrink the table content back to the image above?

Mar.30,2021

btn.onclick = function(){
    if(table.style.display == "block"){
        table.style.display = "none";
    }else{
        table.style.display = "block";
    }
}

clipboard.png
join display:block to make it look like this


if the data is loaded in advance, there are two ways to control the display of more data through this button.

  1. controls the height of the data area. In the initial state, only part of the height is displayed. Click to view more, show the full height, and show the complete data
  2. .
  3. put the excess data in an adjacent div, click to see more show, and then click hide.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3fdc7-40a54.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3fdc7-40a54.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?