Добавить файлы cookie toggle sidebar

Question

У меня есть боковая панель с боковыми панелями, и теперь я хочу использовать файлы cookie, чтобы он помнил, в каком состоянии он находится. Раньше это было много, но я не смог найти решение, которое работает с моим кодом. (Или, может быть, это делает, но я действительно новичок в этом, я мог бы просто использовал это неправильно.)

var main = function() { 
    $('.icon-menu').click(function() { 
     $('.menu').animate({ 
      left: "0px" 
     }, 200); 

     $('body').animate({ 
      left: "240px" 
     }, 200); 
    }); 

    $('.icon-close').click(function() { 
     $('.menu').animate({ 
      left: "-240px" 
     }, 200); 

     $('body').animate({ 
      left: "0px" 
     }, 200); 

    }); 
}; 

Я посмотрел в this ask, это, кажется, что я искал, но коды где так разные, я не получил его работать. То же самое с enter link description here Полезная настройка Виктора здесь - было бы проще просто переделать код с чем-то более «стандартным»? Или я могу настроить команду if как для меню, так и для тела?

Благодарен за все советы. Ура!

Answer 1

Скачать и включают в себя js-cookie, и использовать его следующим образом:

$(document).ready(function() { 
    $('.icon-menu').click(function() { 
     $('.menu').animate({ 
      left: "0px" 
     }, 200); 

     $('body').animate({ 
      left: "240px" 
     }, 200); 

     Cookies.set('menu-state', 'open'); 
    }); 

    $('.icon-close').click(function() { 
     $('.menu').animate({ 
      left: "-240px" 
     }, 200); 

     $('body').animate({ 
      left: "0px" 
     }, 200); 

     Cookies.set('menu-state', 'closed'); 
    }); 

    // Open menu (without animation) if it was open last time 
    if (Cookies.get('menu-state') === 'open') { 
     $('.menu').css({ 
      left: "0px" 
     }); 

     $('body').css({ 
      left: "240px" 
     }); 
    } else { 
     $('.menu').css({ 
      left: "-240px" 
     }); 

     $('body').css({ 
      left: "0px" 
     }); 
    }; 
}); 

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• Нет связанных вопросов^_^