的slideToggle jQuery的還原到原始文本

Question

我有這樣的HTML代碼：

<div id='codesnipdiv'> 
     <a class='fadex' id='codesnipfrontend'>$code_sniptitle</a> 
     <div id='boxx' class='clearfix'> 
      <pre>$code_content</pre> 
     </div> 
    </div> 

當用戶點擊上面的超鏈接時，會觸發的slideToggle事件，並顯示

<div id='boxx' class='clearfix'> 

，其內容是默認隱藏。

它還會將鏈接的錨文本從其原始$ code_sniptitle（這是一個PHP變量）更改爲「Click to minimize」。這是我的jQuery代碼：

jQuery(document).ready(function($) { 
$('#codesnipdiv #codesnipfrontend').click(function() { 
    $(this).text('Click to minimize'); 
    $(this).next().slideToggle(); 

}); 

}); 

上面的代碼運行良好。但是當用戶單擊鏈接以最小化滑動窗口時，我想要恢復爲其原始錨文本。我在這裏使用建議：jQuery - slideToggle() and Toggle Text但它不起作用。

你對如何完成這一點有一些想法嗎？非常感謝。

Answer 1

根據示例，請相應地使用這個

jQuery(document).ready(function($) { 
    $('#codesnipdiv #codesnipfrontend').click(function(){ 
     $("#boxx").animate({opacity: 1.0},200).slideToggle(500, function() { 
      $('#codesnipdiv #codesnipfrontend') 
       .text($(this).is(':visible') ? "<Hide>" : "<Show>"); 
     }); 
    }); 
}); 

變化<Hide>和<Show>文本。

執行http://jsfiddle.net/UP6jY/