Salvare lo stato corrente dopo la funzione clic jquery

Question

Sto tentando di nascondere un pulsante dopo aver fatto clic su un altro pulsante, ma come quando la pagina è stata aggiornata, il pulsante nascosto viene visualizzato nuovamente. Volevo rimanere nascosto anche se aggiorno la pagina e la mostro solo se clicco sul pulsante mostra. Qualsiasi aiuto sarebbe molto apprezzato.

HTML:

<button type="button" class="showhide">Show/Hide</button> 
<button type="button" class="link">Link</button> 

JS:

$('.showhide').click(function(){ 
$('.link').hide(); 
}); 

Answer 1

Come @Kartikeya detto, usare localStorage.

Impostarlo quando si fa clic sul pulsante. Al caricamento della pagina, controllare il valore di localStorage per aggiornare la visibilità del pulsante.

$('.showhide').click(function(){ 
    $('.link').toggle(); 

    var isVisible = $('.link').is(":visible"); 
    localStorage.setItem('visible', isVisible); 
}); 

// stored in localStorage as string, `toggle` needs boolean 
var isVisible = localStorage.getItem('visible') === 'false' ? false : true; 
$('.link').toggle(isVisible); 

https://jsfiddle.net/undm500w/8/

Answer 2

si può gestire il cliente finale con localStorage dal codice di seguito. o è necessario utilizzare sessionStorage sullo script del server.

if(localStorage.getItem('isHide')) 
    $('.link').hide(); 
$('.showhide').click(function(){ 
    $('.link').hide(); 
    localStorage.setItem('isHide',true); 
}); 

Answer 3

Se si desidera che il pulsante di rimanere nascosto anche dopo la chiusura del browser si dovrebbe considerare l'utilizzo di localStorage, più su di esso here, altrimenti vi suggerisco di andare con sessionStorage che è qualcosa di simile a sessioni, che significa che tutto memorizzato su la memoria di sessione verrà rimossa alla chiusura del browser. È possibile leggere informazioni sulla memorizzazione della sessione here

Fondamentalmente ci sono due funzioni che è necessario utilizzare. getItem e setItem. Questa è una dimostrazione utilizzando la sessionStorage ma si applica per il localStorage troppo:

$(document).ready(function(){ 
     if(sessionStorage.getItem('isBtnHidden')){ 
      $('.link').hide(); 
     } 

     $('.link').click(function(){ 
      $('.link').hide(); 
      sessionStorage.setItem('isBtnHidden', true); 
     }); 
    });