如何使用JavaScript跨多个页面控制div的行为

我正在从事一个HTML项目，其中每个页面上都有一个可伸缩的文本框，但我不确定如何实现我想要的行为。基本上，一些链接是类的一部分，该类在单击链接时将变量“NewRoom”设置为true。其他链接将“NewRoom”设置为false。设置好后，我希望脚本能够监听三种可能的情况：

如果NewRoom==true，则文本框开始扩展

如果NewRoom==false且文本框已扩展，则文本框将保持扩展状态

如果NewRoom==false且文本框缩回，则文本框将保持缩回状态

问题是，我不确定这样做的最佳方式。欢迎任何建议

当前javascript：

$(document).ready(function(){
$('.ShowHideButton').click(function(){
    $('.MenuBar').slideToggle('fast');
    return false;
});

---

}))

您可以创建一个函数，用于在单击链接时设置新房间值和扩展文本框

var newroom = true;

function extendTextbox(val){
   //insert implementation for setting newroom val and extending texbox    
}

$(".classoflinkthatsetsfalse").click(function(){ extendTextbox(false):});

$(".classoflinkthatsetstrue").click(function(){ extendTextbox(true):});

---

对于“下一页/上一页”，他的功能完全取决于您使用的服务器端的可能性。恐怕没有。整个过程都将被缓存并在脱机时可用。如果是完全脱机的，您可以选择localStorage来存储数据