要實現layui側邊欄的折疊和展開效果，首先需要在頁面中引入layui的樣式文件，這將為您的導航菜單提供基礎的樣式支持。
接下來，構建HTML結構時，選擇合適的區塊添加layui的導航樣式，即layui-nav類。這將確保您的菜單具備基礎的導航功能和布局。
當您的頁面運行後，您會看到壹個美觀且直觀的導航菜單。然而，可能會註意到右側存在壹些未充分利用的空間。為解決這個問題，可以在導航欄的HTML代碼中添加特定的CSS樣式，例如為導航條目設置寬度，使其占據頁面的25%。這可以通過創建壹個新的CSS類，與默認樣式保持壹致，設置width:25%來實現。
再次運行頁面，您會看到導航欄的條目已經完全占據頁面，沒有多余的空白，實現了側邊欄的緊湊布局。通過這樣的調整，您的layui側邊欄折疊和展開效果已經成功實現，用戶可以方便地瀏覽和操作您的內容。