26 lines
1.0 KiB
HTML
26 lines
1.0 KiB
HTML
|
<script>
|
||
|
|
$(document).ready(function () {
|
||
|
|
// Sự kiện click để hiển thị menu
|
||
|
|
$('#js-show-menu').click(function () {
|
||
|
|
capNhatTrangThaiMenu(false);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Sự kiện click để ẩn menu
|
||
|
|
$('#js-hide-menu').click(function () {
|
||
|
|
capNhatTrangThaiMenu(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Kiểm tra localStorage và thiết lập trạng thái ban đầu của menu
|
||
|
|
const hideMenuBig = localStorage.getItem('menu_big') === 'hidden';
|
||
|
|
capNhatTrangThaiMenu(hideMenuBig);
|
||
|
|
})
|
||
|
|
|
||
|
|
// Hàm để cập nhật trạng thái hiển thị menu và localStorage
|
||
|
|
function capNhatTrangThaiMenu(hideMenuBig) {
|
||
|
|
$('#menu-big').toggleClass('hidden', hideMenuBig);
|
||
|
|
$('#menu-small').toggleClass('hidden', !hideMenuBig);
|
||
|
|
$('#js-form-search').toggleClass('menu-hide', hideMenuBig);
|
||
|
|
localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden');
|
||
|
|
localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big');
|
||
|
|
}
|
||
|
|
</script>
|