2010-09-30 20 views
8

मैं एक पल के लिए स्लाइड करने के लिए एक बहुत ही सरल पाद लेख अधिसूचना तत्व को लागू करने की कोशिश कर रहा हूं, फिर नीचे स्लाइड करें। मैं उपयोग कर रहा हूं:jQuery: स्लाइडअप() देरी() फिर स्लाइडडाउन; काम नहीं कर रहा

$('button').click(function() { 
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow'); 
}); 

हालांकि, जब आप बटन पर क्लिक करते हैं, तो यह 1500 एमएस के लिए देरी करता है और फिर स्लाइड नहीं करता है।

$('#message-box').slideDown('slow').delay(1500).slideUp('slow'); 

You can test it here:

http://jsfiddle.net/jrMH3/17/

उत्तर

21

क्या आप वास्तव में चाहते हैं यह है। हालांकि ऐसा लगता है थोड़ा पीछे की ओर अपने लेआउट को देखते हुए .slideDown() एक तत्व को दिखाने के लिए है, और .slideUp() भले ही अपने सीएसएस दिया यह वास्तव में हो रहा है जब से पता चला एक तत्व को छिपाने के लिए है ...।

इसके अलावा एक अलग रूप में, आप <html> और <body> टैग बेला संपादित करते समय एचटीएमएल फ्रेम में किसी भी सामग्री की जरूरत के रूप में नहीं है, इन पहले से ही शामिल कर रहे हैं ... <body> अंदर जाना होगा।

+0

दोह, पूरी तरह से उस quirk, मूर्खतापूर्ण नोटिस करने में विफल रहा :) धन्यवाद निक! – Ryan

संबंधित मुद्दे