divをスムースに大きくして他のコンテンツを表示する、トグル

Question

私はfooというdivを持っています。これは部門のCSSです：

background-color: #FFFF00; 
float:right; 
width: 50px; 
height: 50px; 

他のdivの右上にあります。 、私はjQueryを使ってそのすべてが可能に知っている...

background-color: #FFFF00; 
float: right; 
width: 255px; 

を、私はそれを切り替えたい： は、私はそれをクリックした場合さて、私はスムーズにコンテンツを変更したい、とこれにスムーズサイズ/ CSSを変更しますしかしどのように？どのような機能を使用できますか？それを行う最善の方法は何ですか？

挨拶

Answer 1

うん、あなたはトグル機能でそれを行うとアニメーション、この例を見ることができます：

$(document).ready(function(){ $(".slide").toggle(
    function() { 
     $("#slider").animate({marginLeft: "-400px"}, 1000, "easeInOutQuad") 
    }, 
    function() { 
     $("#slider").animate({marginLeft: 0}, 1000, "easeInOutQuad") 
    } 
);}); 

あなたは見て持って