Cookie DIV ~

by 3axap

HTML

<div gender-switcher-num="1">Male</div>
<div gender-switcher-num="2">Female</div>
<div gender-switcher-num="3">Alien</div>
<div gender-switcher-num="4">Cat</div>
<button id='gender-switch-button'>Button</button>

JavaScript

if(isNaN(localStorage['switcher-num']) || !localStorage['switcher-num']){
localStorage['switcher-num'] = 1;
}

$('[gender-switcher-num]').hide();
$('[gender-switcher-num="'+localStorage['switcher-num']+'"]').show();

$('#gender-switch-button').click(function(){
    var k = localStorage['switcher-num'];
    k++;
    if(k>4)
        k=1;
    localStorage['switcher-num'] = k;
    $('[gender-switcher-num]').hide();
    $('[gender-switcher-num="'+k+'"]').show();
});