toggle div在頁面刷新或更改後保持原樣

在此示例中。我需要我的div是打開的，如果頁面更改或刷新。我已經給了我的HTML和Javascript。toggle div在頁面刷新或更改後保持原樣

這是我的代碼是活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>?

來源

2012-07-28 wasim kazi

當你做出改變，你可以把＃改成在URL結束後有什麼。然後當頁面重新加載時，您讀取$(document).ready()中的散列值後面的值並相應地進行更改。

來源

2012-07-28 07:02:18 mikel

我在這裏創建了這個例子。[my program]（http://jsfiddle.net/wasimkazi/fauNg/1/）我不認爲這會起作用。 – 2012-07-28 07:12:20

-1

可以使用是函數來檢查，如果你的DIV隱藏，並顯示它

if($(".selector").is(":hidden")) 
    $(".selector").show();

而且作爲@mikel說，把它的文件準備函數內部對頁面加載檢查。

$(document).ready(function(){ 
     if($(".selector").is(":hidden")) 
     $(".selector").show(); 
});

來源

2012-07-28 07:49:27 afrin216

使用javascript coockie保存Open和close狀態每個菜單，並閱讀狀態頁面加載時。這是每次頁面刷新後都會重置的唯一途徑。

來源

2012-07-28 07:51:16 bingjie2680

你可以告訴我如何在這個[程序]中使用cookie（http://jsfiddle.net/wasimkazi/fauNg/1/） – 2012-07-28 08:20:31

這是它是如何工作的，http://jsfiddle.net/bingjie2680/s6RzW/，你應該自己優化代碼，我在那裏做的只是持久狀態的演示。 – bingjie2680 2012-07-28 08:33:24

該鏈接是不正確的。這裏是正確的鏈接：http://jsfiddle.net/bingjie2680/s6RzW/1/ – bingjie2680 2012-07-28 08:54:42

toggle div在頁面刷新或更改後保持原樣

回答

相關問題