如何使用下面的JQuery代碼顯示元素？

Question

CODE：

$(document).ready(function() { 

    $('.clicker').on('click', function(e){ 
    e.preventDefault(); 
    var $btn = $(this); 
    $btn.toggleClass('opened'); 

    var heights = $btn.hasClass('opened') ? 300 : 100 ; 
    $('#thiswillexpand').stop().animate({height: heights }); 
    }); 
}); 

默認情況下，我想#thiswillexpand被隱藏，所以我打算使用顯示：無;但是，當點擊.clicker時，我希望它顯示，然後展開，如腳本應該。

問：

如何顯示#thiswillexpand時.clicker被點擊，同時仍保留任何腳本是幹什麼的？

Answer 1

我想你在找什麼是簡單的調用添加到show()功能 -

$('#thiswillexpand').show().stop().animate({height: heights }); 

的show()功能是可鏈接的，所以你可以調用其他stop和animate之前剛剛插入功能。