Question

jquery 怎么实现展开和收起按钮之间的切换

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('button').click(function () {

if ($(this).text() === '展开') {

$('input').show();

$(this).text('收起');

} else {

$('input').hide();

$(this).text('展开');

}

});

3、浏览器运行index.html页面，此时显示出了展开按钮。

4、点击展开按钮，此时展开了输入框，并且按钮变成了收齐按钮。