divの高さを切り替えるには

Question

div（#more）はから別のdiv（#clck）をクリックして105pxから25pxに変更します。私は一種のものでした：

<script type="text/javascript"> 
$("#clck").click(function() { 
$("#more").css("height", "325"); 
}); 
</script> 

しかし、最初のクリック後、最初の高さに戻りません。私はtoggleClassを試しましたが、動作しません。

誰でも私にこれを手伝ってもらえますか？

Answer 1

新しいCSSクラスに高さを設定し、このクラスをtoggleClassを使用して切り替えてみてください。

例：
HTML：

<div id="myDiv">...</div> 

CSS：

#myDiv { 
    height: 105px; 
} 

#myDiv.expanded { 
    height: 325px 
} 

JS：

$("#myDiv").toggleClass("expanded"); 

Answer 2

Toggle height of div using jQuery。この男は単に

Answer 3

チェックこのアウトjsfiddle demo

$("#clck").click(function() { 
    if($("#more").css("height")=="105px") // check for height 
     $("#more").css("height", "325"); 
    else 
     $("#more").css("height", "105"); 
}); 

Answer 4

を示していて、あなたがクリックするごとに高さをtoogleしたい場合は、フラグを使用することができ、場合/他と.dataセクション（）.removeData（）を使用することができ現在の高さを記憶する変数。

var flag = false; 
$("#clck").click(function(){ 
    if(flag){ 
     $("#more").css("height", "325"); 
     flag = false; 
    } 
    else{ 
     $("#more").css("height", "105"); 
     flag = true; 
    } 
});