jquery cookie для show hide script

Question

В настоящее время я работаю над небольшим интерфейсом, для которого я использую очень простое шоу и скрываю скрипт.

$(document).ready(function(){ 
     $("#hide").click(function(){ 
     $(".advanced").hide(); 
     $(".basic").show(); 
     }); 
     $("#show").click(function(){ 
     $(".advanced").show(); 
     $(".basic").hide(); 
     }); 
    }); 

Целью этого является скрыть и показать определенный элемент в навигации (основной и расширенный вид, если можно так выразиться). Теперь мой вопрос заключается в том, как я могу объединить это с плагином для файлов cookie? Я бы хотел, чтобы предпочтение сохранялось и не всегда возвращалось к «основному» виду, если я перехожу на другую страницу.

Большое спасибо, Daniel

Answer 1

Может вы посмотрите на LocalStorage (на немецком языке, не может найти некоторые на английском языке)

Вот некоторые в английском тоже LocalStorage EN

(поскольку не все люди допускают наркотики)

Вы можете хранить данные как

localStorage.setItem("key", "value"); 

localStorage.getItem("key"); 

Working Fiddle (способ, как вы могли бы это сделать)

$(document).ready(function() { 

    $(".advanced").css('display', localStorage.getItem('advanced')); 
    $(".basic").css('display', localStorage.getItem('basic')); 

    $("#hide").click(function() { 
     $(".advanced").hide(); 
     $(".basic").show(); 
     localStorage.setItem('advanced', 'none'); 
     localStorage.setItem('basic', 'block'); 
    }); 

    $("#show").click(function() { 
     $(".advanced").show(); 
     $(".basic").hide(); 
     localStorage.setItem('advanced', 'block'); 
     localStorage.setItem('basic', 'none'); 
    }); 
}); 

Answer 2

$(document).ready(function(){ 
    if($.cookie("show")==1){ 
    $(".advanced").show(); 
    $(".basic").hide(); 
    } else{ 
    $(".advanced").hide(); 
    $(".basic").show(); 
    } 
    $("#hide").click(function(){ 
    $(".advanced").hide(); 
    $(".basic").show(); 
    $.cookie("show", 0); 
    }); 
    $("#show").click(function(){ 
    $(".advanced").show(); 
    $(".basic").hide(); 
    $.cookie("show", 1); 
    }); 
}); 

Answer 3

Использование JQuery's COOKIE plugin:

$(document).ready(function(){ 
    if ($.cookie("state") == "hide") { 
     $("#hide").click(); 
    } else { 
     $("#show").click(); 
    } 
    $("#hide").click(function(){ 
     $.cookie("state", "hide"); 
     $(".advanced").hide(); 
     $(".basic").show(); 
    }); 
    $("#show").click(function(){ 
     $.cookie("state", "show"); 
     $(".advanced").show(); 
     $(".basic").hide(); 
    }); 
});