Salve amigos!
Estou tentando criar um site web onde tenha várias funções e caminhos diferentes para um usuário usufruir. Porem vejo que no futuro pode acabar tendo muito mais conteúdo do que desejo mostrar ao usuário.
O que estou tentando criar agora é o seguinte, fazer com que ao selecionar um Checkbox
uma determinada linha desapareça para visualização, no caso que ela fique oculta. estou usando a seguinte logica
<li id="sobremim2"><a href="../Cadastros/minha_informacao.php">Sobre mim</a></li>
<li><a href="#">Relatorios</a></li>
<li><a href="#">Locação</a></li>
<li><a href="#">Estoque</a></li>
<input type="checkbox" id="sobremim" > Sobre mim
<input type="button" onclick="Sobremim()" value="Enviar">
<script>
function Sobremim(){
if(document.getElementById('sobremim').checked){
("#sobremim2").display('none');
} else {
("#sobremim2").display('block');
}
}
</script>
E para manter o Checkbox selecionando mesmo apos sair da pagina, uso a seguinte logica.
<script>
document.addEventListener("DOMContentLoaded", function(){
var checkbox = document.querySelectorAll("input[type='checkbox']");
for(var item of checkbox){
item.addEventListener("click", function(){
localStorage.s_item ?
localStorage.s_item = localStorage.s_item.indexOf(this.id+",") == -1
? localStorage.s_item+this.id+","
: localStorage.s_item.replace(this.id+",","") :
localStorage.s_item = this.id+",";
});
}
if(localStorage.s_item){
for(var item of checkbox){
item.checked = localStorage.s_item.indexOf(item.id+",") != -1 ? true : false;
}
}
});
</script>
Porem a mesma não desaparece, gostaria de descobrir o que ah de errado na minha logica.