$(document).ready(function() {

                        // the div that will be hidden/shown
                        var panel = $("#box");
                        //the button that will toggle the panel
                        var button = $("#top a");
                        // do you want the panel to start off collapsed or expanded?
                        var initialState = "collapsed"; // "expanded" OR "collapsed"
                        // the class added when the panel is hidden
                        var activeClass = "hidden";
                        // the text of the button when the panel's expanded
                        var visibleText = 'piilota';
                        // the text of the button when the panel's collapsed
                        var hiddenText = 'näytä';

                        //---------------------------
                        // don't    edit    below    this    line,
                        // unless you really know what you're doing
                        //---------------------------

                        if($.cookie("panelState") == undefined) {
                                $.cookie("panelState", initialState);
                        }

                        var state = $.cookie("panelState");

                        if(state == "collapsed") {
                                panel.hide();
                                button.text(hiddenText);
                                button.addClass(activeClass);
                        }

                        button.click(function(){
                                if($.cookie("panelState") == "expanded") {
                                        $.cookie("panelState", "collapsed");
                                        button.text(hiddenText);
                                        button.addClass(activeClass);
                                } else {
                                        $.cookie("panelState", "expanded");
                                        button.text(visibleText);
                                        button.removeClass(activeClass);
                                }

                                panel.slideToggle("slow");

                                return false;
                        });
                });