如何使用slideToggle（）更改按钮值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用slideToggle（）更改按钮值相关的知识，希望对你有一定的参考价值。
我正在研究this demo。如何使用slideToggle（）函数更改按钮文本？我只需要将文本更改为“显示”或“隐藏”即可。我所拥有的是：
<button id="boxToggle">Show</button>
<div id="over_map"></div>
$("#boxToggle").click(function()
$("#over_map").slideToggle();
);
答案
您可以使用.text()功能更改文本。所以这样的事情会起作用：
.text()因此，只要文本为“隐藏” 单击时，文本将更改为“显示”。反之亦然。
$("#boxToggle").click(function()
$("#over_map").slideToggle();
if($(this).text() == 'Hide')
$(this).text('Show');
else
$(this).text('Hide');
);
另一答案
尝试一下
jsFiddle
或
<button id="boxToggle">Show</button>
<div id="over_map"></div>
$("#boxToggle").click(function()
$("#over_map").slideToggle();
$("#boxToggle").prop('value', 'hide');
);
另一答案
将按钮文本更改为“隐藏”并在JS以下使用
$("#boxToggle").click(function()
$("#over_map").slideToggle();
$("#boxToggle").text('hide');
);
以上是关于如何使用slideToggle（）更改按钮值的主要内容，如果未能解决你的问题，请参考以下文章
如何使整个表单（输入和提交按钮）在焦点上更改边框颜色（引导程序 3）