我如何控制jQuery中的Slidetoggle功能

Question

嗨對不起，這個noob問題，但這裏去...我有一個工作slidetoggle在我的測試網站，但是當我點擊「幻燈片」按鈕，我想按鈕切換到「關閉」 ..而當你點擊關閉...再次爲新手問題不好意思再改回「幻燈片」 ..我的繼承人代碼..

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

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

}); 
}); 
</script> 

我知道如果我添加下面我就可以得到它顯示在單擊關閉...但我不知道如何「切換」文本（也許內的if/else statment？）...

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