toggle div keep as it is after page refresh or change
===

In this example. I need my div is open if page is change or refresh.
I given my html and Javascript.

This is where my code is live "http://jsfiddle.net/wasimkazi/fauNg/1/" 


        $(".widget2").hide();
        $(".box2").toggle(function() {
            $(this).next(".widget2").slideDown(200);
        }, function() {
            $(this).next(".widget2").slideUp(200);
        });
        
        $(".inner").hide();
        $(".box").toggle(function() {
            $(this).next(".inner").slideDown(200);
        }, function() {
            $(this).next(".inner").slideUp(200);
        });?
    
    <div class="box2"><h3>Basketball</h3>
    </div>
    <div class="widget2" style="display: block; "><div class="widget"><div class="box"><h3>Australia</h3></div>
            <div class="inner" style="display: block; ">
                <ul class="leagues">
                                        <li class="even"><a href="/baloncesto/australian-nbl/" class="league-145">Australian NBL</a></li>
                                </ul>
                <div class="clear-both"></div>
            </div></div>
    </div>?
