2010-10-06 13 views
5

मैं निम्नलिखित शैली के साथ एक पैरा सेट है:jQuery removeClass अवधि काम नहीं कर रहा है?

.design_info_box p.design_info_desc 
{ 
    height:30px; 
    text-overflow: ellipsis; 
    overflow:hidden; 
} 
इस के साथ

, आप एक बटन के साथ पाठ के पहले 2 लाइनों देख सकते हैं पाठ के बाकी को दिखाने के लिए जो पैरा फैलता है "और अधिक पढ़ें" करने के लिए ।

$(".read-more div").click(function(){ 
    $(this).parent().parent().children("p").removeClass("design_info_desc", "slow"); 
    $(this).hide(); 
}); 

इस वर्ग और पूरा पैरा पता चला है को दूर करता है:

यहाँ बटन के लिए कोड है। हालांकि, यह एनिमेट नहीं करता है। दस्तावेज़ों के अनुसार removeClass में एनीमेशन के लिए अवधि होनी चाहिए। मैंने 10000 की तरह "धीमी" को प्रतिस्थापित करने का भी प्रयास किया।

क्या ऐसा कोई कारण है कि यह एनिमेटिंग नहीं कर रहा है?

+0

अच्छा "आगे पढ़े" विचार - मुझे यह पसंद है! – ChessWhiz

+0

यह एक शानदार सवाल है, वैसे भी। मुझे पहले हटाए गए क्लास को एनिमेट करने के विकल्प के बारे में पता नहीं था। – Ender

उत्तर

9

कारण यह काम नहीं कर रहा है (मुझे विश्वास है) यह jQueryUI की एक विशेषता है, कोर jQuery लाइब्रेरी नहीं। अपने पृष्ठ में jQueryUI का संदर्भ शामिल करें, और यह काम करना शुरू कर देना चाहिए। यहाँ एक लाइव डेमो

चेक आउट: http://jsfiddle.net/YaSh6/

+0

+1 हाँ यह था! –

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