Kako shraniti div style pri osvežitvi?

Zdravo,

Imam div, ki je v osnovi <div id="collapse1" style="display**:visible**;">, ob kliku na gumb pa rata <div id="collapse1" style="display:**none**;">....A problem nastane takrat, ko se stran osveži in se spet nastavi osnovno stanje.

Torej, kako (prebral sem da s cookiji) shranim style od div-a? S piškotki? Kam jih dam/kako jih ustvarim?

Div style se spreminja s pomočjo js....Je potrebno tam urediti cookije?

Hvala za pomoč, pa upoštevajte da o piškotkih (razen čokoladnih) nimam prav veliko veze...:)

lp

Evo na tej strani zveš in dobiš vse kar rabiš https://github.com/carhartl/jquery-cookie

shark1:

Hvala za pomoč...ampak meni kar nikakor ne rata...Očitno imam hude težave z implementacijo cookijev...

Koda, ki pokaže in skrije div je taka (default je style:none). Funkcija pa pokaže en div (collapse1) in skrije drugega (collapse), ali obratno...

$(function() {

            $('.nav-toggle').click(function(){

                //get collapse content selector

                var collapse_content_selector = $(this).attr('href');                   



                //make the collapse content to be shown or hide

                var toggle_switch = $(this);

                $(collapse_content_selector).toggle(function(){

                    if($(this).css('display')=='none'){

                        toggle_switch.html('Show');//change the button label to be 'Show'

                         document.getElementById('collapse').style.display = "block";



                    }else{

                        toggle_switch.html('Hide');//change the button label to be 'Hide'

                        document.getElementById('collapse').style.display = "none";



                    }

                });

            });



        }); 

Kako sedaj v to (ali kje drugje) vključim cookie? Meni se tudi sanja ne...

Hvala vsem za pomoč!

Hmmm ta koda je malo nerodno napisana, niti ne vem, če rabiš tole funkcijo $(collapsecontentselector).toggle(function(){ glede na to, da imaš if else stavek.?

Najboljš bi blo, da bi mel dva classa, ki določata al je div prkazan al ne in potem ime tega classa zapisuješ v cookie.

Npr:

if () {

$.cookie('imecookija', 'imeclassashow');

} else {

$.cookie('imecookija', 'imeclassahide');

}

in pol prebereš vrednost iz cookija

$.cookie('ime_cookija'); in ga dodeliš div-u