如何控制jquery中的Slidetoggle函数

您好，很抱歉这个问题，但我的测试站点上有一个工作幻灯片切换，但是当我单击“幻灯片”按钮时，我希望该按钮更改为“关闭”。然后在单击“关闭”时更改回“幻灯片”…再次为新手问题感到抱歉。。这是我的密码

<script>
/*#boxmove is my button*/
/*.box1 is my sliding panel*/

 $('#boxmove').click(function() {
 $('.box1').slideToggle('slow', function(showOrHide) {

});
});
</script>

/*#boxmove是我的按钮*/
/*.box1是我的滑动面板*/
$（'#boxmove'）。单击（函数（）{
$（'.box1'）.slideToggle（'slow'，函数（showOrHide）{
});
});

我知道如果我添加以下内容，我可以让它显示点击关闭…但我不知道如何“切换”该文本（可能在if/else语句中？）

$（'#boxmove'）。单击（函数（）{
$（'.box1'）.slideToggle（'slow'，函数（showOrHide）{
document.getElementById（'boxmove'）。innerHTML='close'；
});
});

首先，如果您正在使用jQuery，请完全使用它。要按id访问元素，可以使用id选择器

$（'#elementId'）

在

slideToggle

回调中，您可以使用

text

jQuery方法有条件地设置按钮的文本。我正在使用

is

jQuery方法来检查框是否可见，并基于该设置来检查按钮的文本

$('#boxmove').click(function() {
      $('.box1').slideToggle('slow', function(showOrHide) {
          $('#boxmove').text($(this).is(':visible')? 'slide' : 'close');          
      });
});

$('#boxmove').click(function() {
      $('.box1').slideToggle('slow', function(showOrHide) {
          $('#boxmove').text($(this).is(':visible')? 'slide' : 'close');          
      });
});