Question

我正在开发一个HTML项目，每个页面上都有一个可伸缩的文本框，但我不确定如何实现我想要的行为。基本上，当单击链接时，某些链接将成为将变量“NewRoom”设置为true的类的一部分。其他链接将“NewRoom”设置为false。一旦设置完毕，我希望脚本能够监听三种可能的条件：

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

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

如果NewRoom === false并且文本框已缩回，则文本框会保持缩回状态。

问题是，我不确定实际执行此操作的最佳方法。欢迎任何建议。

当前的javascript：

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

}）;

Answer 1

您可以创建一个函数，在单击链接时执行设置新房间值和扩展文本框的逻辑。

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):});

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

1 个答案: