div

Question

के कुछ भाग दिखा रहा है, मैं एक div चाहता हूं जो कि इसके शीर्ष भाग (जैसे 50px oh ऊंचाई) और अन्य (नीचे 100px की तरह) दिखाया गया है, div के भाग को jquery.show() द्वारा दिखाया जाना चाहिए या कुछ और। क्या कोई जानता है कि यह कैसे करें?

Answer 1

आप तय 50px करने के लिए और पर आप प्रति जावास्क्रिप्ट/jQuery ऑटो के लिए ऊंचाई को बदल सकते हैं क्लिक करें, या 50px करने के लिए ऑटो से वापस लौटने div ऊंचाई सेट कर सकते हैं।

सीएसएस:

.mydiv{ 
    height:50px; 
    min-height:50px; 
    overflow:hidden; 
} 

jQuery:

$("document").ready(function(){ 
    $(".mydiv").click(function(){ 
    if($(".mydiv").css("height")!="50px"){ 
     $(".mydiv").slideDown(); 
    } 
    else{ 
     $(".mydiv").slideUp(); 
    } 
    } 
} 

Answer 2

आप ऊंचाई आप इसे सीएसएस के माध्यम से शुरू (50px) से करना चाहते करने के लिए div की ऊंचाई सेट कर सकते हैं। बाकी सामग्री को छिपाने के लिए overflow: hidden; सेट करें।

उसके बाद आप पूरे तत्व को दिखाने के लिए कुछ इस तरह कर सकते हैं:

$("#id-of-element-to-click-to-show-entire-div").click(function(){ 
    $(this).slideDown("fast"); 
}); 

Answer 3

मैं एक <div id="foo" style="height: 50px; overflow:hidden"> में सामग्री एम्बेड चाहते हैं। फिर JQuery के साथ इस तत्व की ऊंचाई को नियंत्रित:

$("#foo").css("height", whatever); 

Answer 4

HTML:

<div id='example'>some content here</div> 

सीएसएस:

#example {height: 50px; overflow:hidden;} 

jQuery:

$('#example').click(function(){ 
    $(this).animate({ height: 500px; }, 250); 
}