Question

您好抱歉这个noob问题但是这里...我在我的测试网站上有一个工作的幻灯片，但是当我点击“幻灯片”按钮时，我希望该按钮更改为“关闭”..然后当你点击关闭时改回“幻灯片”...再次抱歉新手问题..继续我的代码..

<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');          
      });
});

如何在jquery中控制Slidetoggle功能

1 个答案: