मैं कैसे एक वर्ग बंद करने के लिए Scriptaculous के Effect.Morph प्रयोग करते हैं?

वोट
1

Scriptaculous के Effect.Morph एक CSS वर्ग लेने के लिए और समय की अवधि में इसे लागू कर सकते हैं। मैं एक div जो जब एक बटन क्लिक किए जाने को विस्तृत करता है, तो यह Effect.Morph एक लागू करने के लिए उपयोग करता है .expandedवर्ग।

अब मैं निकालना चाहते हैं .expandedएक दूसरे क्लिक पर वर्ग, टॉगल div फिर से बंद कर दिया। कैसे मुझे लगता है कि ऐसा करने के लिए Effect.Morph आह्वान कर सकते हैं?

08/07/2009 को 00:07
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

दस्तावेज़ के बारे में इस का कहना है Effect.Morph :

इस आशय की एक तत्व के सीएसएस गुण बदल जाता है।

तो तुम तो अपने div (फिर से, डॉक्स से), अपनी प्रारंभिक अवस्था में वापस लौटने के कर सकते हैं, उदाहरण के लिए इसे फिर से कॉल करने के लिए, प्रारंभिक सीएसएस गुणों को निर्दिष्ट करने की आवश्यकता होगी:

<div id="morph_demo" style="background:#cccccc; width:100px; height:100px;"></div>
<ul>
  <li><a href="#" onclick="$('morph_demo').morph('background:#00ff00; width:300px;'); return false;">Click me for a demo!</a></li>
  <li><a href="#" onclick="$('morph_demo').morph('background:#cccccc; width:100px;'); return false;" >Reset the demo!</a></li>
</ul>

वैकल्पिक रूप से, आप के लिए प्रोटोटाइप इस्तेमाल कर सकते हैं वर्ग पूरी तरह निकाल दें :

$('yourDivId').removeClassName('yourClassId');

Scriptaculous पर निर्भर करता है Prototype.js , मामले में आप जानते नहीं थे, इसलिए दूसरा विकल्प एक व्यवहार्य एक है।

अंत में, आप कर सकते हैं शैली सेट कुछ भी नहीं (मुझे लगता है कि) के लिए:

$('yourDivId').setStyle(null);
08/07/2009 को 00:20
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more