如何控制jquery中的Slidetoggle功能

Question

嗨，抱歉这个菜鸟问题，但是这里...我的测试站点上有一个工作幻灯片切换，但是当我单击“幻灯片”按钮时，我希望该按钮更改为“关闭”..然后更改当您单击关闭时返回“幻灯片”...再次抱歉新手问题...这是我的代码..

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

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

});
});
</script>

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

<script>
$('#boxmove').click(function() {
$('.box1').slideToggle('slow', function(showOrHide) {
document.getElementById('boxmove').innerHTML = 'close';          
});
});
</script>

Answer 1

首先，如果您使用 jQuery，请完全使用它。要通过 id 访问元素，您可以使用 id 选择器 $('#elementId')。

在 slideToggle 回调中，您可以使用 text jQuery 方法有条件地设置按钮的文本。我正在使用 is jQuery 方法来检查该框是否可见，并根据该方法设置按钮的文本。

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