div内でPHPファイルを再読み込みした後、トグル状態を維持しますか？

Question

私はテーブルを解析し、DIVにロードされたPHPファイルを持っている：

<div id ="videprinter"> 
    <script type="text/javascript"> 
    $(function(){ 
     function load(){ 
     $("#videprinter").load("videprinter.php") 
     setTimeout(css, 3000);; 

    } 
    load(); 
    setInterval(load,60000); 
    }); 
    </script> 
</div> 

私はその単語「PREM」を含まないすべてのテーブルの行を非表示にクリックすることができるボタンがあります。

<input type='button' id='hideshowleagues' value='Hide Foreign Leagues'> 

jQuery('#hideshowleagues').live('click', function(event) {   
     $("#videprinter table tbody tr:not(:contains('PREM'))").toggle(); 
    }); 

私は、PHPファイルをリロードするセット60秒の間隔はしかし、それはトグル状態をリロードしていますたびにリセットされ、「PREM」を含まない行が再表示されています。ページ全体を再読み込みせずにPHPファイルを再読み込みすると、どのようにトグル状態を維持できますか？

ありがとうございました。

Answer 1

Derekのコメントに続いて、ページの非表示フィールドまたはグローバル変数を使用して、トグルのステータスを追跡することができます。その後、videprinter.phpのコードを変更してURLパラメータを調べ、urlパラメータに基づいて結果をフィルタリングします。 var tracktoggle = "no";

//on your click event code toggle the variable 
    jQuery('#hideshowleagues').live('click', function(event) {   
    $("#videprinter table tbody tr:not(:contains('PREM'))").toggle(); 
    if (tracktoggle == "no") { 
     tracktoggle = "yes"; 
    } 
    else { 
     tracktoggle = "no"; 
    } 
}); 

//in your load function add parameter to videprinter.php 
$(function(){ 
    function load(){ 
    if (tracktoggle == "yes") { 
     $("#videprinter").load("videprinter.php?loadprem=yes"); 
    } 
    else { 
     $("#videprinter").load("videprinter.php?loadprem=no"); 
    } 
    setTimeout(css, 3000);; 

}