jquery에서 Slidetoggle 함수를 제어하는 ​​방법

Question

안녕하세요.이 멍청한 질문에 대해 사과드립니다.하지만 여기에 있습니다 ... 나는 "슬라이드"버튼을 클릭 할 때 내 테스트 사이트에서 작동하는 slidetoggle을 가지고 있습니다. 버튼은 내가를 추가하면

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

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

}); 
}); 
</script> 

내가 아는 .. 내 코드를 heres ... .. "닫기"로 변경하고 초보자 질문에 대한 가까이 ... 다시 한번 죄송 클릭하면 다시 "슬라이드"로 변경 ... 내가 그것을 클릭에 가까운 보여 얻을 수 있습니다 ...하지만 난이 (어쩌면 경우/다른 한 Statment? 내) 텍스트를 "전환"하는 방법을 잘 모릅니다 다음

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

Answer 1

우선 jQuery를 완전히 사용한다면 jQuery를 사용하십시오. ID별로 요소에 액세스하려면 ID 선택자 $('#elementId')을 사용할 수 있습니다.

slideToggle 콜백 내에서 text jQuery 메서드를 사용하여 버튼의 텍스트를 조건부로 설정할 수 있습니다. 나는 is jQuery 메서드를 사용하여 상자가 표시되는지 여부를 확인하고 해당 설정을 기반으로 단추의 텍스트를 확인합니다.

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