jQuery slideDown() एनीमेशन

Question

मैं jQuery के slideDown() एनीमेशन पाने के लिए काम करने के लिए कोशिश कर रहा हूँ, लेकिन मेरे मामले पाठ कि ऐसा करना चाहिए स्लाइड नीचे, बस प्रकट होता है .. में मैं इसे कैसे एनीमेशन के साथ प्रकट करूँ काम नहीं कर रहा जगह में भी?

मैंने गति को मैन्युअल रूप से निर्दिष्ट करने का प्रयास किया, लेकिन अंतिम परिणाम वही था।

HTML:

<section class="subscribe"> 
    <button id="submitBtn" type="submit">Subscribe</button> 
    <p></p> 
</section> 

जावास्क्रिप्ट:

$(function() { 
    $("#submitBtn").click(function (event) { 
     $(".subscribe p").html("Thanks for your interest!").slideDown({ 
         duration: 4000 
        }); 
    }); 
}); 

JSFiddle:http://jsfiddle.net/ahmadka/A2mmP/

Answer 1

आपका p तत्व पहले से ही प्रदर्शित होता है जब आप पाठ और टीआर दर्ज इसे नीचे स्लाइड करने के लिए y। तो कोई एनीमेशन की आवश्यकता नहीं है।

$(function() { 
    $("#submitBtn").click(function (event) { 
    $(".subscribe p").hide().html("Thanks for your interest!").slideDown(4000); 
    }); 
}); 

Answer 2

आप इसे सामग्री पहली बार में छिपा होने और फिर बस यह slideDown समारोह के साथ प्रदर्शित कर सकते हैं:

एचटीएमएल

<section class="subscribe"> 
    <button id="submitBtn" type="submit">Subscribe</button> 
    <p>Thanks for your interest!</p> 
</section> 

सीएसएस

.subscribe p{ 
    display:none; 
} 

jQuery

$(function() { 
    $("#submitBtn").click(function (event) { 
     $(".subscribe p").slideDown({duration: 400}); 
    }); 
}); 

रहने का उदाहरण: http://jsfiddle.net/A2mmP/2/

Answer 3

आपका संशोधित कोड

$(function() { 
    $("#submitBtn").click(function (event) { 
     $(".subscribe p").html("Thanks for your interest!").hide().slideDown('400'); 
    }); 
}); 

चेक इस demo