jQuery: और पढ़ें/कम स्लाइड टॉगल?

Question

मैं एक और अधिक लिंक पढ़ने के लिए एक साधारण स्लाइड टॉगल के बाद हूं, जब एक कम कम लिंक का विस्तार किया गया।

बिल्कुल this की तरह, लेकिन बस ऐसा दिखाई देने के बजाय स्लाइड करने की आवश्यकता है।

आरंभिक ऊंचाई को भी शब्दों या बॉक्स ऊंचाई के माध्यम से सेट किया जाना चाहिए।

कोई विचार, क्या यह हासिल करना काफी आसान है? (: ब्लॉक/छिपा प्रदर्शन) के बिना

किसी भी मदद :)

Answer 1

के लिए धन्यवाद एक नज़र @here http://www.w3schools.com/jquery/eff_slidetoggle.asp

Answer 2

उदाहरण आप का उल्लेख उपयोग टॉगल() फ़ंक्शन, जो सिर्फ चलता या तत्व खाल ले लो कोई प्रभाव

आपको स्लाइड टॉगल() फ़ंक्शन का उपयोग करना है, जो एक ही चीज़ करता है, लेकिन स्लाइडिंग प्रभाव के साथ।

$("button").click(function(){ 
    $("p").slideToggle(); 
}); 

Answer 3

तुम इतनी बजाय jQuery के कार्यों में बनाया इस्तेमाल कर सकते हैं .slide लिए() या चेतन()

का उपयोग करने का:

$('#someElement').html('some content'); 

कोशिश

$('#someElement').html('some content').slideDown(some speed ie 600); 

आप चाहते छिपाने की जरूरत है (यानी प्रदर्शन: कोई नहीं) सामग्री क्षेत्र पहले। हो सकता है कि सामग्री को एक आईडी/कक्षा के साथ एक div में लपेटें और इसे प्रदर्शित करने के लिए सेट करें: कोई भी

Answer 4

देर से लेकिन कभी नहीं, मुझे यह प्लगइन अत्यधिक उपयोगी लगता है। महान विकल्पों में से टन और बहुत लचीला

http://plugins.learningjquery.com/expander/

Answer 5

यह सरल, अभी तक प्रभावी है है।

$(".button").click(function(){ 
    var moreAndLess = $("p").is(':visible') ? 'More' : 'Less'; 
    $(this).text(moreAndLess); 

    $("p").slideToggle(); 
});