Aus- bzw Einklappen der Box in den Cookies speichern
Hallo zusammen,
ich habe folgenden Code, um eine Box aus- bzw einklappen zu können.
Ich habe da nur 2 Fragen:
1. Wie kann ich es machen, dass dies in den Cookies gespeichert wird, damit beim neu Laden der Seite oder wechseln der Seite die zuletzt gewählte Option weiterhin so angezeigt wird?
2. Wie kann ich für "Div ein-/ausblenden" unterschiedliche Texte anzeigen, also konkret einmal - und einmal +
Der hier verwendete Code
<style>
#box.aus{
display:none;
}
</style>
<section class="box">
<h2 id="anaus" class="boxTitle">Test-Box <a href="#">Div <span id="text">ausblenden</span></a><br><br></h2>
<div class="boxContent">
<div id="box">
Der Inhalt dieses Divs wird immer ein und ausgeblendet.
</div>
</div>
</section>
<script>
const a1 = document.cookie;
cookiename = a1.substring(0,a1.indexOf('='));
if(a1.indexOf(';') != -1){
cookiewert = a1.substring(a1.indexOf('=')+1,a1.indexOf(';'));
}else{
cookiewert = a1.substr(a1.indexOf('=')+1,a1.length);
}
klick=document.getElementById('anaus');
const bo=document.getElementById('box');
const te=document.getElementById('text');
if(cookiewert=='einblenden'){
bo.classList.remove('aus');
te.innerHTML='ausblenden';
}else{
te.innerHTML='einblenden';
bo.classList.add('aus');
}
klick.addEventListener('click',function(){
const a1 = document.cookie;
cookiename = a1.substring(0,a1.indexOf('='));
if(a1.indexOf(';') != -1){
cookiewert = a1.substring(a1.indexOf('=')+1,a1.indexOf(';'));
}else{
cookiewert = a1.substr(a1.indexOf('=')+1,a1.length);
}
if(cookiewert=='einblenden'){
bo.classList.add('aus');
te.innerHTML='einblenden';
ausein='ausblenden';
}else{
te.innerHTML='ausblenden';
bo.classList.remove('aus');
ausein='einblenden';
}
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
document.cookie = 'meincookie='+ausein+'; expires='+
a.toGMTString()+';';
})
</script>