Jquery Don'；如果是“t”，则切换；关于；

我有两个按钮。单击其中一个按钮时，将显示一个灰色框，再次单击按钮将使该框退出舞台

我点击按钮1，灰色框出现，里面显示“按钮1”

当灰色框在舞台上时，如果我单击按钮2，我希望它保持在舞台上并显示文本“按钮2”，但灰色框会熄灭

我怎样才能把它放在舞台上，只需更改框中的文本

$（'.clickMe'）。在（“单击”，函数（）上）{
var MyText=$（this.text（）；
$（'.gray box'）.text（MyText.toggleClass（'dock'）；
})

。灰盒{
位置：固定；
右边距：-120px；
顶部：10px；
右：10px；
宽度：100px；
高度：100px；
背景颜色：灰色；
-webkit转换：所有0.25秒都可轻松输入输出0秒；
-moz转换：所有0.25秒均在0秒内输出；
-o型过渡：所有0.25秒均缓进0秒，缓出0秒；
过渡：所有0.25秒均缓进0秒，缓出0秒；
}
.码头{
右边距：0；
}

按钮1

按钮2
我的箱子

不太清楚你在问什么。但是，如果您不希望第二次单击关闭该类，为什么不使用

addClass

？单击任一按钮，您都可以检查灰色框是否已经有class

dock

，如果没有，则添加它

$（'.clickMe'）。在（“单击”，函数（）上）{
var MyText=$（this）.text（），
$GrayBox=$（'.GrayBox'）；
$（'.gray box'）.text（MyText）；
if（！$GrayBox.hasClass（'dock'））{
$GrayBox.addClass（'dock'）；
}
});
。灰盒{
位置：固定；
右边距：-120px；
顶部：10px；
右：10px；
宽度：100px；
高度：100px；
背景颜色：灰色；
-webkit转换：所有0.25秒都可轻松输入输出0秒；
-moz转换：所有0.25秒均在0秒内输出；
-o型过渡：所有0.25秒均缓进0秒，缓出0秒；
过渡：所有0.25秒均缓进0秒，缓出0秒；
}
.码头{
右边距：0；
}

按钮1

按钮2
我的框
我假设您只想在框与单击的按钮具有相同文本时隐藏该框。我建议将框中的文本与单击按钮的文本进行比较。如果它们相同，则切换该框。如果它们不相同，请设置框文本并确保框显示

下面是一个演示：


var$grayBox=$（'.grayBox'）；
$（'.clickMe'）。在（“单击”，函数（）上）{
//获取单击按钮的文本
var MyText=$（this.text（）；
//如果框文本与按钮文本相同。。。
如果（MyText=$grayBox.text（））{
//…切换框（输入或输出）。。。
$grayBox.toggleClass（'dock'）；
}否则{
//…否则，请设置框文本并确保其显示。
$grayBox.text（MyText.addClass（'dock'）；
}
})
。灰盒{
位置：固定；
右边距：-120px；
顶部：10px；
右：10px；
宽度：100px；
高度：100px；
背景颜色：灰色；
-webkit转换：所有0.25秒都可轻松输入输出0秒；
-moz转换：所有0.25秒均在0秒内输出；
-o型过渡：所有0.25秒均缓进0秒，缓出0秒；
过渡：所有0.25秒均缓进0秒，缓出0秒；
}
.码头{
右边距：0；
}

按钮1

按钮2
我的箱子
您希望在页面上保留什么内容？按钮？它保持可见。灰色的盒子消失了。这里什么不起作用？尝试添加$（this.toggleClass（'dock'）；在灰盒函数之后，从末尾删除.toggleClass（'dock'），这就是您要寻找的吗？如果不是的话，还有更多的解释。你希望盒子什么时候“退出舞台”？我假设当框中显示您正在单击的按钮的名称时。是吗？你好，APAD1，非常感谢您的分享经验！我没有投反对票，但我不知道为什么有人投了我的反对票！非常感谢showdev，这两种方法都非常有效！嗨，Showdev，我还有一个问题与此相关。请看一看