An example of mobile list page optimization

now there is an old list page on the mobile side, as shown in the following figure:

there is a child list under it. When the user clicks on the parent list item, the front end will request the backend to return the child list under this category, and then insert the page. In this way, there will be a time interval when the user clicks on the list item to the child list and appears on the page. In addition, in the case of sub-list expansion, sliding the entire list will cause stutter, so I would like to ask the gods what suggestions do you have for the optimization of this list page? Thank you!


Why not? when requesting the parent list, return the data of the child list together, and then click to expand and put it away without adjusting the interface

.
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-1b3667c-2c026.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-1b3667c-2c026.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?