javascript - JQuery div rotation -
अब तक मैं इस कोड का उपयोग कर एक div rotating में सफल रहा है:
function animateRotate (डी) {var elem = $ ("# arrow"); $ {{deg: 0})। चेतन ({deg: d}, {अवधि: 200, चरण: फ़ंक्शन (अब) {elem.css ({transform: "rotate (" + + + "deg)"}); }}); } अब मैं जो समस्या का सामना कर रहा हूं वो वापस विपरीत दिशा में करने की कोशिश कर रहा है। एक बार जब div घुमाया जाता है और मैं फिर से div पर क्लिक करता हूं तो यह कोड को फिर से फिर से चकमाता है और उसी तरह उसी स्थान पर पहले से समाप्त होता है। लेकिन मुझे क्या करना है, यह एक ही काम करना है, लेकिन विपरीत दिशा में है। मैं जो कुछ कह रहा हूं, उसके बारे में कुछ समझने के लिए मैंने एक पोस्ट किया है।
एक छवि:
या ऐसा कुछ जांचें कि क्या स्लाइड नीचे कनैटेनर दृश्यमान है और विभिन्न पैरामीटर के साथ कॉल फंक्शन है।
$ (".panel-heading")। क्लिक करें (फ़ंक्शन () {var isvisible = $ ("# recipe- कंटेनर ")। सीएसएस (" डिस्प्ले "); यदि (अदृश्य है ==" ब्लॉक ") {एनीमटोटेट (0, 90);} और {एनीमेटोटेट (90, 0);} $ (" # नुस्खा-कंटेनर ")। स्लाइडटॉगल ();}); फ़ंक्शन एनीमेटोटेट (डी, जी) {var elem = $ ("# arrow"); $ {{deg: g})। चेतन ({deg: d}, {अवधि: 200, चरण: फ़ंक्शन (अब) {elem.css ({transform: "rotate (" + + + "deg)"}); }}); } जेएसफ़िल्ड:
Comments
Post a Comment