toggle()에서 jQuery text()가 변경됩니까?

Question

다른 요소의 가시성에 따라 토글 링크 텍스트를 변경하는 스크립트를 만들고 싶습니다.

#form을 볼 수있는 동안 # 양식 컨테이너에 텍스트를 "숨기기 ..."로 표시하고 숨긴 상태에서 텍스트를 "표시 ..."로 지정합니다.

if ($ ('# form'). (": visible")) {다른 방법 : if ($ ('# form'). == "true") {-하지만 작동하지 않습니다.

무엇이 잘못 되었나요? 다른 항목을 토글 할 때마다 텍스트를 변경하는 방법은 무엇입니까?

$('.toggle').click(
    function() 
    { 
     $('#form').slideToggle(); 

      if($('#form').is(":visible")){ 
       $('#form-container a').text("Hide form container"); 
      } 
      else { 
       $('#form-container a').text("Show form container"); 
      } 
    }); 

감사합니다.

Answer 1

양식 요소에서 토글을 사용할 수 있습니다.

$("#form").slideToggle(
    function() { 
    //Hide 
    }, 
    function() { 
    //Show 
    } 
); 

출처 : 애니메이션 동안 http://api.jquery.com/toggle/

Answer 2

그것은 항상 확인, 그래서 당신은 .slideToggle() 콜백의 가시성을 확인할 수 볼 수 수 있습니다 때 마감이 같은 애니 메이팅, :

$('.toggle').click(function() { 
    $('#form').slideToggle(function() { 
    $('#form-container a').text(
     $(this).is(':visible') ? "Hide form container" : "Show form container" 
    ); 
    }); 
});