Chào mọi người, em đang làm giao diện như thế này, và đang gặp phải 1 vấn đề đó là làm sao khi bấm vào tùy chọn nó sẽ thu sidebar lại và form bên kia chiếm 100%. Em dùng bootstrap chia 3-9, khi sidebar thu lại thì form ở col-9 sẽ chiếm luôn vị trí bên đó
Giao diện mặc định
Khi thu sidebar lại
Đây là snippet theo nhu cầu của bạn
này thu gọn lên trên mà, nó đâu có mất đâu anh nhỉ
Bạn đang dùng gì để code giao diện? Nếu bạn không dùng thư viện, framework js hỗ trợ thì dùng javascript chọc thẳng vào cây DOM để chia lại layout trong sự kiện onclick vào button.
ban đầu là 1 hàng 2 cột, sau khi chia layout sẽ thành 2 row như ảnh 2. Bạn dùng bootstrap nên chỉ cần dùng js “thêm, bớt” tên class của thẻ. Cách làm giống như ví dụ snippet (Jquery) mình đưa bên trên.
Bạn tham khảo:
Nếu chưa thoả mãn, có thể search thêm với keyword bootstrap sidebar show hide (hoac appear/ collapsed)
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?